@charset "utf-8";

 .button1 {
 display:block;
 margin-bottom:20px;
 -webkit-transition-duration: 0.4s;
 transition-duration: 0.4s;
 padding: 16px 32px;
 text-align: center;
 background-color: white;
 color: black;
 border: 2px solid #4CAF50;
 border-radius:5px;
 }
 .button1:hover {
 background-color: #4CAF50;
 color: white;
 }


.dbudq {
	position: absolute;
	top: 230px;
	left: 200px;
}

.avatar-pop[data-v-4a48ce22] {
	position: absolute;
	z-index: 100;
	top: 0;
	right: 10px;
	width: 40px;
	height: 20px;
	opacity: 0
}

.avatar-pop[data-v-4a48ce22]:hover {
	cursor: pointer
}

.profile_form .avatar_box .avatar[data-v-4a48ce22] {
	border: 0
}

body[data-v-7a700006] {
	background-color: #f6f6f8;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.inner[data-v-7a700006] {
	width: 1184px;
	margin: 0 auto
}

.inner[data-v-7a700006]:after {
	content: "";
	display: block;
	clear: both;
	overflow: hidden
}

.vline[data-v-7a700006] {
	display: inline-block;
	width: 1px;
	height: 12px;
	vertical-align: middle;
	margin: 0 10px
}

.vdot[data-v-7a700006] {
	display: inline-block;
	padding: 0 10px 0 7px
}

.clear-fix[data-v-7a700006]:after {
	content: "";
	display: block;
	overflow: hidden;
	visibility: hidden;
	clear: both
}

#wrap[data-v-7a700006] {
	position: relative;
	min-width: 1184px;
	height: 100%;
	overflow: visible;
	overflow-x: hidden
}

#wrap.mobile-wrap[data-v-7a700006] {
	min-width: auto
}

#container[data-v-7a700006] {
	position: relative
}

#container[data-v-7a700006]::-webkit-scrollbar {
	width: 6px
}

#main[data-v-7a700006] {
	min-height: calc(100vh - 300px)
}

#app .data-tips[data-v-7a700006], #app[data-v-7a700006] {
	height: 100%
}

.page-container[data-v-7a700006] {
	max-width: 1184px;
	min-height: calc(100vh - 56px);
	margin: 0 auto
}

.prev-line[data-v-7a700006] {
	display: inline-block;
	vertical-align: middle;
	max-width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.prev-dot[data-v-7a700006]:before, .prev-line[data-v-7a700006]:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin: -2px 10px 0
}

.prev-dot[data-v-7a700006]:first-of-type:before, .prev-line[data-v-7a700006]:first-of-type:before
	{
	display: none
}

.prev-line[data-v-7a700006]:before {
	width: 1px;
	height: 12px;
	background-color: #e0e0e0
}

.prev-dot[data-v-7a700006]:before {
	width: 3px;
	height: 3px;
	border-radius: 100%;
	background-color: #414a60;
	opacity: .8;
	margin: -2px 6px 0
}

.detail-box[data-v-7a700006] {
	margin-left: 296px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: 100%
}

.btn-buy[data-v-7a700006] {
	background-color: #ff6223;
	border-color: #ff6223;
	color: #fff;
	min-width: 104px
}

.btn-buy[data-v-7a700006]:hover {
	background-color: #ff9063;
	border-color: #ff9063
}

.btn-buy.btn-outline[data-v-7a700006] {
	background-color: #fff;
	color: #ff6223
}

.btn-buy.btn-outline[data-v-7a700006]:hover {
	border-width: 2px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-color: #ff6223
}

.dialog-wrap[data-v-7a700006] {
	z-index: 1001
}

.dialog-wrap .dialog-footer[data-v-7a700006] {
	border-top: 0
}

.dialog-footer .btn.btn-outline[data-v-7a700006] {
	transition: none
}

.dialog-title .close[data-v-7a700006] {
	position: absolute;
	width: 24px;
	height: 24px;
	right: 8px;
	top: 8px;
	z-index: 1
}

.icon-close[data-v-7a700006] {
	display: inline-block;
	width: 24px;
	height: 24px;
	position: relative;
	vertical-align: top
}

.icon-close[data-v-7a700006]:after, .icon-close[data-v-7a700006]:before
	{
	content: "";
	position: absolute;
	width: 16px;
	height: 1px;
	background: #d1d4db;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 4px;
	top: 12px
}

.icon-close[data-v-7a700006]:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.dialog-title .close[data-v-7a700006]:hover {
	background-color: #ddd
}

.dialog-title .close:hover .icon-close[data-v-7a700006]:after,
	.dialog-title .close:hover .icon-close[data-v-7a700006]:before {
	background: #363636
}

@media ( max-width :1170px) {
	#footer .inner[data-v-7a700006], #header .inner[data-v-7a700006],
		.job-banner .inner[data-v-7a700006] {
		padding: 0 15px
	}
}

.upload-resume-dialog .dialog-container[data-v-7a700006] {
	padding: 40px 30px 35px
}

.upload-resume-dialog .dialog-body[data-v-7a700006] {
	overflow: visible
}

.upload-resume-dialog .upload-resume__new[data-v-7a700006] {
	display: flex;
	justify-content: space-between;
	width: 580px
}

.upload-resume-dialog .upload-resume__new dd[data-v-7a700006] {
	flex: none;
	width: 260px
}

.upload-resume-dialog .upload-resume__new .sec-upload[data-v-7a700006] {
	position: relative
}

.upload-resume-dialog .upload-resume__new .sec-upload .upload-wrap[data-v-7a700006]
	{
	height: 260px;
	border: 1px dashed #e3e7ed
}

.upload-resume-dialog .upload-resume__new .sec-upload .upload-wrap p[data-v-7a700006]
	{
	color: #9fa3b0
}

.upload-resume-dialog .upload-resume__new .sec-upload .upload-wrap .tip-guide[data-v-7a700006]
	{
	font-size: 13px;
	padding: 121px 0 43px;
	text-align: center
}

.upload-resume-dialog .upload-resume__new .sec-upload .upload-wrap .tip-filetype[data-v-7a700006]
	{
	font-size: 12px;
	line-height: 17px;
	padding: 0 34px
}

.upload-resume-dialog .upload-resume__new .sec-upload[data-v-7a700006]:after
	{
	content: "";
	position: absolute;
	width: 1px;
	height: 324px;
	right: -29px;
	top: 0;
	background: #e3e7ed
}

.upload-resume-dialog .upload-resume__new .sec-make img[data-v-7a700006]
	{
	display: block;
	width: 100%;
	height: 260px
}

.upload-resume-dialog .upload-resume__new .btn[data-v-7a700006] {
	display: block;
	width: auto;
	margin-top: 30px
}

.upload-resume-dialog .upload-resume__old[data-v-7a700006] {
	text-align: center;
	padding: 30px 20px;
	width: 542px;
	height: 268px;
	border: 1px dashed #e3e7ed;
	margin: 20px 0
}

.upload-resume-dialog .upload-resume__old .tip-drag[data-v-7a700006] {
	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #61687c;
	line-height: 20px;
	margin-top: 20px;
	text-align: center
}

.upload-resume-dialog .upload-resume__old .tip-title[data-v-7a700006] {
	font-weight: 400;
	margin: 0 5px 10px;
	font-size: 1.17em
}

.upload-resume-dialog .upload-resume__old .tip-filetype[data-v-7a700006]
	{
	padding-top: 16px
}

.upload-resume-dialog .upload-resume__old .tip-filetype[data-v-7a700006],
	.upload-resume-dialog .upload-resume__old .tip-size[data-v-7a700006] {
	font-size: 12px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #8d92a1;
	line-height: 17px
}

.upload-resume-dialog .upload-resume__old .tip-guide[data-v-7a700006] {
	line-height: 1;
	margin-top: 14px
}

.upload-resume-dialog .upload-resume__old .tip-guide a[data-v-7a700006]
	{
	color: #53cac3
}

.upload-resume-dialog .upload-resume__old .btns[data-v-7a700006] {
	margin-top: 25px
}

.upload-resume-dialog .btn-file[data-v-7a700006] {
	position: relative;
	overflow: hidden;
	width: 152px;
	cursor: pointer
}

.upload-resume-dialog .btn-file input[data-v-7a700006] {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: none;
	opacity: 0;
	cursor: pointer
}

.upload-preview-dialog .dialog-container[data-v-7a700006] {
	height: 100%;
	padding: 0
}

.upload-preview-dialog .dialog-body[data-v-7a700006] {
	max-height: none;
	height: 100vh;
	overflow: hidden
}

.upload-preview-dialog .upload-preview[data-v-7a700006] {
	background: #fff;
	width: 1000px;
	margin: 0 auto;
	display: flex;
	height: 100%
}

.upload-preview-dialog .upload-preview h3.title[data-v-7a700006] {
	font-size: 24px;
	line-height: 30px
}

.upload-preview-dialog .upload-preview .preview-box[data-v-7a700006] {
	flex: 1;
	padding: 20px;
	position: relative;
	height: 100%;
	min-height: 400px;
	overflow: auto
}

.upload-preview-dialog .upload-preview .preview-box .img-box[data-v-7a700006]
	{
	border: 1px solid #e9ebee;
	margin-top: 20px;
	height: calc(100vh - 250px);
	overflow-y: auto;
	overflow-x: hidden
}

.upload-preview-dialog .upload-preview .preview-box .img-box .data-tips p[data-v-7a700006]
	{
	padding: 5px 0
}

.upload-preview-dialog .upload-preview .preview-box .img-box img[data-v-7a700006]
	{
	display: block;
	max-width: 100%;
	margin: 0 auto
}

.upload-preview-dialog .upload-preview .preview-sider[data-v-7a700006] {
	width: 290px;
	background: #f9fafb;
	padding: 20px
}

.upload-preview-dialog .upload-preview .preview-sider h3.title[data-v-7a700006]
	{
	margin-bottom: 20px
}

.upload-preview-dialog .upload-preview .preview-sider p[data-v-7a700006]
	{
	padding: 5px 0
}

.upload-preview-dialog .upload-preview .preview-sider p.gray[data-v-7a700006]
	{
	padding-top: 15px
}

.upload-preview-dialog .upload-preview .preview-sider .btns[data-v-7a700006]
	{
	margin-top: 15px
}

.upload-preview-dialog .upload-preview .preview-sider .btn-file[data-v-7a700006]
	{
	height: 34px;
	line-height: 32px;
	padding: 0;
	width: 110px
}

.upload-preview-dialog .upload-preview .preview-sider .btn-file[data-v-7a700006]:hover
	{
	color: #414a60
}

.upload-preview-dialog .upload-preview .preview-sider .btn-sure[data-v-7a700006]
	{
	width: 112px;
	margin-left: 20px
}

.upload-preview-dialog .upload-container[data-v-7a700006] {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .8);
	z-index: 1100
}

.upload-preview-dialog .upload-container .lower-content[data-v-7a700006]
	{
	box-sizing: border-box;
	padding: 40px 29px 30px 40px;
	width: 560px;
	height: 244px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 381px;
	transform: translate(-50%);
	position: relative
}

.upload-preview-dialog .upload-container .lower-content .item[data-v-7a700006]:first-child
	{
	font-family: PingFangSC-Regular;
	font-size: 24px;
	color: #62687a
}

.upload-preview-dialog .upload-container .lower-content .item[data-v-7a700006]:nth-child(2)
	{
	margin-top: 20px;
	font-family: PingFangSC-Regular;
	font-size: 16px;
	color: #62687a
}

.upload-preview-dialog .upload-container .lower-content .item[data-v-7a700006]:nth-child(3)
	{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 30px
}

.upload-preview-dialog .upload-container .lower-content .item:nth-child(3) a[data-v-7a700006]
	{
	display: block;
	width: 100px;
	height: 40px;
	background-color: #53cac3;
	text-align: center;
	line-height: 40px;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #fff
}

.upload-preview-dialog .upload-container .normal-content[data-v-7a700006]
	{
	text-align: center;
	box-sizing: border-box;
	padding: 40px;
	width: 400px;
	height: 180px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -50%);
	position: relative
}

.upload-preview-dialog .upload-container .normal-content .item[data-v-7a700006]:nth-child(2)
	{
	color: #fc703e
}

.upload-preview-dialog .upload-container .normal-content a[data-v-7a700006]
	{
	display: block;
	width: 112px;
	height: 36px;
	background-color: #5dd5c8;
	border: 1px solid #5dd5c8;
	margin: 24px auto 0;
	text-align: center;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	position: relative
}

.upload-preview-dialog .upload-container .normal-content a input[data-v-7a700006]
	{
	position: absolute;
	width: 112px;
	height: 36px;
	top: 0;
	left: 0;
	background: 0 0;
	opacity: 0;
	outline: 0
}

.upload-preview-dialog .upload-container .close-resume[data-v-7a700006]
	{
	position: absolute;
	width: 14px;
	height: 14px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/pop-resume-close.58ecfa32.png)
		no-repeat;
	background-size: cover;
	right: 18px;
	top: 18px
}

.upload-preview-dialog .upload-container .close-resume[data-v-7a700006]:hover
	{
	cursor: pointer
}

.upload-preview-dialog .upload-container .preview-resume[data-v-7a700006]
	{
	width: 1000px;
	height: 100%;
	display: flex;
	background-color: #fff;
	margin: 0 auto;
	position: relative
}

.upload-preview-dialog .upload-container .preview-resume .close-resume[data-v-7a700006]
	{
	right: -230px
}

.upload-preview-dialog .upload-container .preview-resume .title[data-v-7a700006]
	{
	font-size: 24px;
	font-weight: 500
}

.upload-preview-dialog .upload-container .preview-resume .item[data-v-7a700006]:first-child
	{
	box-sizing: border-box;
	padding: 20px;
	width: 1000px
}

.upload-preview-dialog .upload-container .preview-resume .item:first-child .resume-img[data-v-7a700006]
	{
	margin-top: 20px;
	width: 100%;
	overflow-y: scroll;
	height: 1271px;
	border: 1px solid #e9ebee;
	position: relative
}

.upload-preview-dialog .upload-container .preview-resume .item:first-child .resume-img img[data-v-7a700006]
	{
	width: 100%
}

.upload-preview-dialog .upload-container .preview-resume .item:first-child .loading[data-v-7a700006]
	{
	width: 107px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.upload-preview-dialog .upload-container .preview-resume .item:first-child .loading .icon-upload-resume[data-v-7a700006]
	{
	width: 107px;
	height: 104px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/in_upload.5e23ce9d.png)
		no-repeat
}

.upload-preview-dialog .upload-container .preview-resume .item:first-child .loading .loading-bottom[data-v-7a700006]
	{
	width: 107px;
	margin-top: 10px;
	display: flex;
	align-items: center
}

.upload-preview-dialog .upload-container .preview-resume .item:first-child .loading .loading-bottom .icon-loading-resume[data-v-7a700006]
	{
	display: inline-block;
	width: 15px;
	height: 15px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/loading.0e6e0f46.gif)
		no-repeat;
	background-size: cover
}

.upload-preview-dialog .upload-container .preview-resume .item:first-child .loading .loading-bottom span[data-v-7a700006]
	{
	margin-left: 15px;
	font-size: 14px;
	color: #9fa3af
}

.upload-preview-dialog .upload-container .preview-resume .item[data-v-7a700006]:nth-child(2)
	{
	background-color: #f9fafb;
	box-sizing: border-box;
	padding: 20px;
	width: 400px
}

.upload-preview-dialog .upload-container .preview-resume .item:nth-child(2) .message[data-v-7a700006]
	{
	margin-top: 20px
}

.upload-preview-dialog .upload-container .preview-resume .item:nth-child(2) .message p[data-v-7a700006]
	{
	font-size: 14px;
	margin-bottom: 10px
}

.upload-preview-dialog .upload-container .preview-resume .item:nth-child(2) .desc[data-v-7a700006]
	{
	margin-top: 15px;
	color: #9fa3af
}

.upload-preview-dialog .upload-container .preview-resume .item:nth-child(2) .btn-group[data-v-7a700006]
	{
	margin-top: 25px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.upload-preview-dialog .upload-container .preview-resume .item:nth-child(2) .btn-group a[data-v-7a700006]
	{
	display: block;
	width: 110px;
	height: 32px;
	line-height: 32px;
	position: relative
}

.upload-preview-dialog .upload-container .preview-resume .item:nth-child(2) .btn-group a[data-v-7a700006]:first-child
	{
	border: 1px solid #5dd5c8;
	color: #5dd5c8;
	text-align: center;
	background-color: #fff
}

.upload-preview-dialog .upload-container .preview-resume .item:nth-child(2) .btn-group a:first-child input[data-v-7a700006]
	{
	position: absolute;
	width: 112px;
	height: 36px;
	top: 0;
	left: 0;
	background: 0 0;
	opacity: 0;
	outline: 0
}

.upload-preview-dialog .upload-container .preview-resume .item:nth-child(2) .btn-group a[data-v-7a700006]:nth-child(2)
	{
	border: 1px solid #5dd5c8;
	color: #fff;
	text-align: center;
	background-color: #5dd5c8
}

.resume-analysis-content h3[data-v-7a700006] {
	font-size: 15px;
	line-height: 21px;
	margin-bottom: 9px
}

.resume-analysis-content p[data-v-7a700006] {
	font-size: 12px;
	color: #61687c;
	line-height: 17px
}

.resume-analysis-content p .text-hlight[data-v-7a700006] {
	color: #00c2b3;
	margin-left: 4px
}

.resume-analysis-content .analysis-box[data-v-7a700006] {
	height: 263px;
	display: flex;
	align-items: center
}

.resume-analysis-content .analysis-box .box-left[data-v-7a700006],
	.resume-analysis-content .analysis-box .box-right[data-v-7a700006] {
	width: 160px;
	height: 220px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/dialog_tip_1.1e45be9b.png)
		50% no-repeat;
	background-size: contain
}

.resume-analysis-content .analysis-box .box-right[data-v-7a700006] {
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/dialog_tip_2.53e5f083.png)
		50% no-repeat;
	background-size: contain
}

.resume-analysis-content .analysis-box .box-icon[data-v-7a700006] {
	width: 16px;
	height: 16px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/dialog_tip_3.f6de3da6.png)
		50% no-repeat;
	background-size: contain;
	margin: 0 27px
}

.resume-analysis-content .analysis-box p[data-v-7a700006] {
	margin-top: 230px;
	color: #51586d
}

.resume-analysis-content .button-container[data-v-7a700006] {
	text-align: center;
	margin-top: 25px
}

.resume-analysis-content .button-container .btn[data-v-7a700006] {
	padding: 9px 32px
}

.chat-bot-iframe-mask[data-v-2c0b2af4] {
	z-index: 1000;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	position: fixed;
	background: rgba(37, 40, 48, .7)
}

.chat-bot-iframe-mask .chat-bot-iframe[data-v-2c0b2af4] {
	z-index: 1000;
	width: 780px;
	height: 677px;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border: 0
}

@font-face {
	font-family: themify;
	src:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/fonts/themify.2c454669.eot);
	src:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/fonts/themify.2c454669.eot#iefix-fvbane)
		format("embedded-opentype"),
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/fonts/themify.a1ecc3b8.woff)
		format("woff"),
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/fonts/themify.e23a7dca.ttf)
		format("truetype");
	font-weight: 400;
	font-style: normal
}

[class*=" ti-"], [class^=ti-] {
	font-family: themify;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.ti-wand:before {
	content: "\e600"
}

.ti-volume:before {
	content: "\e601"
}

.ti-user:before {
	content: "\e602"
}

.ti-unlock:before {
	content: "\e603"
}

.ti-unlink:before {
	content: "\e604"
}

.ti-trash:before {
	content: "\e605"
}

.ti-thought:before {
	content: "\e606"
}

.ti-target:before {
	content: "\e607"
}

.ti-tag:before {
	content: "\e608"
}

.ti-tablet:before {
	content: "\e609"
}

.ti-star:before {
	content: "\e60a"
}

.ti-spray:before {
	content: "\e60b"
}

.ti-signal:before {
	content: "\e60c"
}

.ti-shopping-cart:before {
	content: "\e60d"
}

.ti-shopping-cart-full:before {
	content: "\e60e"
}

.ti-settings:before {
	content: "\e60f"
}

.ti-search:before {
	content: "\e610"
}

.ti-zoom-in:before {
	content: "\e611"
}

.ti-zoom-out:before {
	content: "\e612"
}

.ti-cut:before {
	content: "\e613"
}

.ti-ruler:before {
	content: "\e614"
}

.ti-ruler-pencil:before {
	content: "\e615"
}

.ti-ruler-alt:before {
	content: "\e616"
}

.ti-bookmark:before {
	content: "\e617"
}

.ti-bookmark-alt:before {
	content: "\e618"
}

.ti-reload:before {
	content: "\e619"
}

.ti-plus:before {
	content: "\e61a"
}

.ti-pin:before {
	content: "\e61b"
}

.ti-pencil:before {
	content: "\e61c"
}

.ti-pencil-alt:before {
	content: "\e61d"
}

.ti-paint-roller:before {
	content: "\e61e"
}

.ti-paint-bucket:before {
	content: "\e61f"
}

.ti-na:before {
	content: "\e620"
}

.ti-mobile:before {
	content: "\e621"
}

.ti-minus:before {
	content: "\e622"
}

.ti-medall:before {
	content: "\e623"
}

.ti-medall-alt:before {
	content: "\e624"
}

.ti-marker:before {
	content: "\e625"
}

.ti-marker-alt:before {
	content: "\e626"
}

.ti-arrow-up:before {
	content: "\e627"
}

.ti-arrow-right:before {
	content: "\e628"
}

.ti-arrow-left:before {
	content: "\e629"
}

.ti-arrow-down:before {
	content: "\e62a"
}

.ti-lock:before {
	content: "\e62b"
}

.ti-location-arrow:before {
	content: "\e62c"
}

.ti-link:before {
	content: "\e62d"
}

.ti-layout:before {
	content: "\e62e"
}

.ti-layers:before {
	content: "\e62f"
}

.ti-layers-alt:before {
	content: "\e630"
}

.ti-key:before {
	content: "\e631"
}

.ti-import:before {
	content: "\e632"
}

.ti-image:before {
	content: "\e633"
}

.ti-heart:before {
	content: "\e634"
}

.ti-heart-broken:before {
	content: "\e635"
}

.ti-hand-stop:before {
	content: "\e636"
}

.ti-hand-open:before {
	content: "\e637"
}

.ti-hand-drag:before {
	content: "\e638"
}

.ti-folder:before {
	content: "\e639"
}

.ti-flag:before {
	content: "\e63a"
}

.ti-flag-alt:before {
	content: "\e63b"
}

.ti-flag-alt-2:before {
	content: "\e63c"
}

.ti-eye:before {
	content: "\e63d"
}

.ti-export:before {
	content: "\e63e"
}

.ti-exchange-vertical:before {
	content: "\e63f"
}

.ti-desktop:before {
	content: "\e640"
}

.ti-cup:before {
	content: "\e641"
}

.ti-crown:before {
	content: "\e642"
}

.ti-comments:before {
	content: "\e643"
}

.ti-comment:before {
	content: "\e644"
}

.ti-comment-alt:before {
	content: "\e645"
}

.ti-close:before {
	content: "\e646"
}

.ti-clip:before {
	content: "\e647"
}

.ti-angle-up:before {
	content: "\e648"
}

.ti-angle-right:before {
	content: "\e649"
}

.ti-angle-left:before {
	content: "\e64a"
}

.ti-angle-down:before {
	content: "\e64b"
}

.ti-check:before {
	content: "\e64c"
}

.ti-check-box:before {
	content: "\e64d"
}

.ti-camera:before {
	content: "\e64e"
}

.ti-announcement:before {
	content: "\e64f"
}

.ti-brush:before {
	content: "\e650"
}

.ti-briefcase:before {
	content: "\e651"
}

.ti-bolt:before {
	content: "\e652"
}

.ti-bolt-alt:before {
	content: "\e653"
}

.ti-blackboard:before {
	content: "\e654"
}

.ti-bag:before {
	content: "\e655"
}

.ti-move:before {
	content: "\e656"
}

.ti-arrows-vertical:before {
	content: "\e657"
}

.ti-arrows-horizontal:before {
	content: "\e658"
}

.ti-fullscreen:before {
	content: "\e659"
}

.ti-arrow-top-right:before {
	content: "\e65a"
}

.ti-arrow-top-left:before {
	content: "\e65b"
}

.ti-arrow-circle-up:before {
	content: "\e65c"
}

.ti-arrow-circle-right:before {
	content: "\e65d"
}

.ti-arrow-circle-left:before {
	content: "\e65e"
}

.ti-arrow-circle-down:before {
	content: "\e65f"
}

.ti-angle-double-up:before {
	content: "\e660"
}

.ti-angle-double-right:before {
	content: "\e661"
}

.ti-angle-double-left:before {
	content: "\e662"
}

.ti-angle-double-down:before {
	content: "\e663"
}

.ti-zip:before {
	content: "\e664"
}

.ti-world:before {
	content: "\e665"
}

.ti-wheelchair:before {
	content: "\e666"
}

.ti-view-list:before {
	content: "\e667"
}

.ti-view-list-alt:before {
	content: "\e668"
}

.ti-view-grid:before {
	content: "\e669"
}

.ti-uppercase:before {
	content: "\e66a"
}

.ti-upload:before {
	content: "\e66b"
}

.ti-underline:before {
	content: "\e66c"
}

.ti-truck:before {
	content: "\e66d"
}

.ti-timer:before {
	content: "\e66e"
}

.ti-ticket:before {
	content: "\e66f"
}

.ti-thumb-up:before {
	content: "\e670"
}

.ti-thumb-down:before {
	content: "\e671"
}

.ti-text:before {
	content: "\e672"
}

.ti-stats-up:before {
	content: "\e673"
}

.ti-stats-down:before {
	content: "\e674"
}

.ti-split-v:before {
	content: "\e675"
}

.ti-split-h:before {
	content: "\e676"
}

.ti-smallcap:before {
	content: "\e677"
}

.ti-shine:before {
	content: "\e678"
}

.ti-shift-right:before {
	content: "\e679"
}

.ti-shift-left:before {
	content: "\e67a"
}

.ti-shield:before {
	content: "\e67b"
}

.ti-notepad:before {
	content: "\e67c"
}

.ti-server:before {
	content: "\e67d"
}

.ti-quote-right:before {
	content: "\e67e"
}

.ti-quote-left:before {
	content: "\e67f"
}

.ti-pulse:before {
	content: "\e680"
}

.ti-printer:before {
	content: "\e681"
}

.ti-power-off:before {
	content: "\e682"
}

.ti-plug:before {
	content: "\e683"
}

.ti-pie-chart:before {
	content: "\e684"
}

.ti-paragraph:before {
	content: "\e685"
}

.ti-panel:before {
	content: "\e686"
}

.ti-package:before {
	content: "\e687"
}

.ti-music:before {
	content: "\e688"
}

.ti-music-alt:before {
	content: "\e689"
}

.ti-mouse:before {
	content: "\e68a"
}

.ti-mouse-alt:before {
	content: "\e68b"
}

.ti-money:before {
	content: "\e68c"
}

.ti-microphone:before {
	content: "\e68d"
}

.ti-menu:before {
	content: "\e68e"
}

.ti-menu-alt:before {
	content: "\e68f"
}

.ti-map:before {
	content: "\e690"
}

.ti-map-alt:before {
	content: "\e691"
}

.ti-loop:before {
	content: "\e692"
}

.ti-location-pin:before {
	content: "\e693"
}

.ti-list:before {
	content: "\e694"
}

.ti-light-bulb:before {
	content: "\e695"
}

.ti-Italic:before {
	content: "\e696"
}

.ti-info:before {
	content: "\e697"
}

.ti-infinite:before {
	content: "\e698"
}

.ti-id-badge:before {
	content: "\e699"
}

.ti-hummer:before {
	content: "\e69a"
}

.ti-home:before {
	content: "\e69b"
}

.ti-help:before {
	content: "\e69c"
}

.ti-headphone:before {
	content: "\e69d"
}

.ti-harddrives:before {
	content: "\e69e"
}

.ti-harddrive:before {
	content: "\e69f"
}

.ti-gift:before {
	content: "\e6a0"
}

.ti-game:before {
	content: "\e6a1"
}

.ti-filter:before {
	content: "\e6a2"
}

.ti-files:before {
	content: "\e6a3"
}

.ti-file:before {
	content: "\e6a4"
}

.ti-eraser:before {
	content: "\e6a5"
}

.ti-envelope:before {
	content: "\e6a6"
}

.ti-download:before {
	content: "\e6a7"
}

.ti-direction:before {
	content: "\e6a8"
}

.ti-direction-alt:before {
	content: "\e6a9"
}

.ti-dashboard:before {
	content: "\e6aa"
}

.ti-control-stop:before {
	content: "\e6ab"
}

.ti-control-shuffle:before {
	content: "\e6ac"
}

.ti-control-play:before {
	content: "\e6ad"
}

.ti-control-pause:before {
	content: "\e6ae"
}

.ti-control-forward:before {
	content: "\e6af"
}

.ti-control-backward:before {
	content: "\e6b0"
}

.ti-cloud:before {
	content: "\e6b1"
}

.ti-cloud-up:before {
	content: "\e6b2"
}

.ti-cloud-down:before {
	content: "\e6b3"
}

.ti-clipboard:before {
	content: "\e6b4"
}

.ti-car:before {
	content: "\e6b5"
}

.ti-calendar:before {
	content: "\e6b6"
}

.ti-book:before {
	content: "\e6b7"
}

.ti-bell:before {
	content: "\e6b8"
}

.ti-basketball:before {
	content: "\e6b9"
}

.ti-bar-chart:before {
	content: "\e6ba"
}

.ti-bar-chart-alt:before {
	content: "\e6bb"
}

.ti-back-right:before {
	content: "\e6bc"
}

.ti-back-left:before {
	content: "\e6bd"
}

.ti-arrows-corner:before {
	content: "\e6be"
}

.ti-archive:before {
	content: "\e6bf"
}

.ti-anchor:before {
	content: "\e6c0"
}

.ti-align-right:before {
	content: "\e6c1"
}

.ti-align-left:before {
	content: "\e6c2"
}

.ti-align-justify:before {
	content: "\e6c3"
}

.ti-align-center:before {
	content: "\e6c4"
}

.ti-alert:before {
	content: "\e6c5"
}

.ti-alarm-clock:before {
	content: "\e6c6"
}

.ti-agenda:before {
	content: "\e6c7"
}

.ti-write:before {
	content: "\e6c8"
}

.ti-window:before {
	content: "\e6c9"
}

.ti-widgetized:before {
	content: "\e6ca"
}

.ti-widget:before {
	content: "\e6cb"
}

.ti-widget-alt:before {
	content: "\e6cc"
}

.ti-wallet:before {
	content: "\e6cd"
}

.ti-video-clapper:before {
	content: "\e6ce"
}

.ti-video-camera:before {
	content: "\e6cf"
}

.ti-vector:before {
	content: "\e6d0"
}

.ti-themify-logo:before {
	content: "\e6d1"
}

.ti-themify-favicon:before {
	content: "\e6d2"
}

.ti-themify-favicon-alt:before {
	content: "\e6d3"
}

.ti-support:before {
	content: "\e6d4"
}

.ti-stamp:before {
	content: "\e6d5"
}

.ti-split-v-alt:before {
	content: "\e6d6"
}

.ti-slice:before {
	content: "\e6d7"
}

.ti-shortcode:before {
	content: "\e6d8"
}

.ti-shift-right-alt:before {
	content: "\e6d9"
}

.ti-shift-left-alt:before {
	content: "\e6da"
}

.ti-ruler-alt-2:before {
	content: "\e6db"
}

.ti-receipt:before {
	content: "\e6dc"
}

.ti-pin2:before {
	content: "\e6dd"
}

.ti-pin-alt:before {
	content: "\e6de"
}

.ti-pencil-alt2:before {
	content: "\e6df"
}

.ti-palette:before {
	content: "\e6e0"
}

.ti-more:before {
	content: "\e6e1"
}

.ti-more-alt:before {
	content: "\e6e2"
}

.ti-microphone-alt:before {
	content: "\e6e3"
}

.ti-magnet:before {
	content: "\e6e4"
}

.ti-line-double:before {
	content: "\e6e5"
}

.ti-line-dotted:before {
	content: "\e6e6"
}

.ti-line-dashed:before {
	content: "\e6e7"
}

.ti-layout-width-full:before {
	content: "\e6e8"
}

.ti-layout-width-default:before {
	content: "\e6e9"
}

.ti-layout-width-default-alt:before {
	content: "\e6ea"
}

.ti-layout-tab:before {
	content: "\e6eb"
}

.ti-layout-tab-window:before {
	content: "\e6ec"
}

.ti-layout-tab-v:before {
	content: "\e6ed"
}

.ti-layout-tab-min:before {
	content: "\e6ee"
}

.ti-layout-slider:before {
	content: "\e6ef"
}

.ti-layout-slider-alt:before {
	content: "\e6f0"
}

.ti-layout-sidebar-right:before {
	content: "\e6f1"
}

.ti-layout-sidebar-none:before {
	content: "\e6f2"
}

.ti-layout-sidebar-left:before {
	content: "\e6f3"
}

.ti-layout-placeholder:before {
	content: "\e6f4"
}

.ti-layout-menu:before {
	content: "\e6f5"
}

.ti-layout-menu-v:before {
	content: "\e6f6"
}

.ti-layout-menu-separated:before {
	content: "\e6f7"
}

.ti-layout-menu-full:before {
	content: "\e6f8"
}

.ti-layout-media-right-alt:before {
	content: "\e6f9"
}

.ti-layout-media-right:before {
	content: "\e6fa"
}

.ti-layout-media-overlay:before {
	content: "\e6fb"
}

.ti-layout-media-overlay-alt:before {
	content: "\e6fc"
}

.ti-layout-media-overlay-alt-2:before {
	content: "\e6fd"
}

.ti-layout-media-left-alt:before {
	content: "\e6fe"
}

.ti-layout-media-left:before {
	content: "\e6ff"
}

.ti-layout-media-center-alt:before {
	content: "\e700"
}

.ti-layout-media-center:before {
	content: "\e701"
}

.ti-layout-list-thumb:before {
	content: "\e702"
}

.ti-layout-list-thumb-alt:before {
	content: "\e703"
}

.ti-layout-list-post:before {
	content: "\e704"
}

.ti-layout-list-large-image:before {
	content: "\e705"
}

.ti-layout-line-solid:before {
	content: "\e706"
}

.ti-layout-grid4:before {
	content: "\e707"
}

.ti-layout-grid3:before {
	content: "\e708"
}

.ti-layout-grid2:before {
	content: "\e709"
}

.ti-layout-grid2-thumb:before {
	content: "\e70a"
}

.ti-layout-cta-right:before {
	content: "\e70b"
}

.ti-layout-cta-left:before {
	content: "\e70c"
}

.ti-layout-cta-center:before {
	content: "\e70d"
}

.ti-layout-cta-btn-right:before {
	content: "\e70e"
}

.ti-layout-cta-btn-left:before {
	content: "\e70f"
}

.ti-layout-column4:before {
	content: "\e710"
}

.ti-layout-column3:before {
	content: "\e711"
}

.ti-layout-column2:before {
	content: "\e712"
}

.ti-layout-accordion-separated:before {
	content: "\e713"
}

.ti-layout-accordion-merged:before {
	content: "\e714"
}

.ti-layout-accordion-list:before {
	content: "\e715"
}

.ti-ink-pen:before {
	content: "\e716"
}

.ti-info-alt:before {
	content: "\e717"
}

.ti-help-alt:before {
	content: "\e718"
}

.ti-headphone-alt:before {
	content: "\e719"
}

.ti-hand-point-up:before {
	content: "\e71a"
}

.ti-hand-point-right:before {
	content: "\e71b"
}

.ti-hand-point-left:before {
	content: "\e71c"
}

.ti-hand-point-down:before {
	content: "\e71d"
}

.ti-gallery:before {
	content: "\e71e"
}

.ti-face-smile:before {
	content: "\e71f"
}

.ti-face-sad:before {
	content: "\e720"
}

.ti-credit-card:before {
	content: "\e721"
}

.ti-control-skip-forward:before {
	content: "\e722"
}

.ti-control-skip-backward:before {
	content: "\e723"
}

.ti-control-record:before {
	content: "\e724"
}

.ti-control-eject:before {
	content: "\e725"
}

.ti-comments-smiley:before {
	content: "\e726"
}

.ti-brush-alt:before {
	content: "\e727"
}

.ti-youtube:before {
	content: "\e728"
}

.ti-vimeo:before {
	content: "\e729"
}

.ti-twitter:before {
	content: "\e72a"
}

.ti-time:before {
	content: "\e72b"
}

.ti-tumblr:before {
	content: "\e72c"
}

.ti-skype:before {
	content: "\e72d"
}

.ti-share:before {
	content: "\e72e"
}

.ti-share-alt:before {
	content: "\e72f"
}

.ti-rocket:before {
	content: "\e730"
}

.ti-pinterest:before {
	content: "\e731"
}

.ti-new-window:before {
	content: "\e732"
}

.ti-microsoft:before {
	content: "\e733"
}

.ti-list-ol:before {
	content: "\e734"
}

.ti-linkedin:before {
	content: "\e735"
}

.ti-layout-sidebar-2:before {
	content: "\e736"
}

.ti-layout-grid4-alt:before {
	content: "\e737"
}

.ti-layout-grid3-alt:before {
	content: "\e738"
}

.ti-layout-grid2-alt:before {
	content: "\e739"
}

.ti-layout-column4-alt:before {
	content: "\e73a"
}

.ti-layout-column3-alt:before {
	content: "\e73b"
}

.ti-layout-column2-alt:before {
	content: "\e73c"
}

.ti-instagram:before {
	content: "\e73d"
}

.ti-google:before {
	content: "\e73e"
}

.ti-github:before {
	content: "\e73f"
}

.ti-flickr:before {
	content: "\e740"
}

.ti-facebook:before {
	content: "\e741"
}

.ti-dropbox:before {
	content: "\e742"
}

.ti-dribbble:before {
	content: "\e743"
}

.ti-apple:before {
	content: "\e744"
}

.ti-android:before {
	content: "\e745"
}

.ti-save:before {
	content: "\e746"
}

.ti-save-alt:before {
	content: "\e747"
}

.ti-yahoo:before {
	content: "\e748"
}

.ti-wordpress:before {
	content: "\e749"
}

.ti-vimeo-alt:before {
	content: "\e74a"
}

.ti-twitter-alt:before {
	content: "\e74b"
}

.ti-tumblr-alt:before {
	content: "\e74c"
}

.ti-trello:before {
	content: "\e74d"
}

.ti-stack-overflow:before {
	content: "\e74e"
}

.ti-soundcloud:before {
	content: "\e74f"
}

.ti-sharethis:before {
	content: "\e750"
}

.ti-sharethis-alt:before {
	content: "\e751"
}

.ti-reddit:before {
	content: "\e752"
}

.ti-pinterest-alt:before {
	content: "\e753"
}

.ti-microsoft-alt:before {
	content: "\e754"
}

.ti-linux:before {
	content: "\e755"
}

.ti-jsfiddle:before {
	content: "\e756"
}

.ti-joomla:before {
	content: "\e757"
}

.ti-html5:before {
	content: "\e758"
}

.ti-flickr-alt:before {
	content: "\e759"
}

.ti-email:before {
	content: "\e75a"
}

.ti-drupal:before {
	content: "\e75b"
}

.ti-dropbox-alt:before {
	content: "\e75c"
}

.ti-css3:before {
	content: "\e75d"
}

.ti-rss:before {
	content: "\e75e"
}

.ti-rss-alt:before {
	content: "\e75f"
}

.emotion {
	width: 530px;
	padding-top: 18px;
	left: 0;
	top: -331px;
	border: 1px solid #f2f5fa;
	box-shadow: 0 0 14px rgba(0, 0, 0, .11);
	-webkit-box-shadow: 0 0 14px rgba(0, 0, 0, .11);
	z-index: 10
}

.emotion, .emotion:after {
	position: absolute;
	background: #fff
}

.emotion:after {
	content: "";
	width: 10px;
	height: 10px;
	bottom: -6px;
	left: 35px;
	border-color: #e7e9ee #e7e9ee transparent transparent;
	border-style: solid;
	border-width: 1px;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg)
}

.emotion .emotion-tab {
	position: relative;
	padding: 4px 18px;
	font-size: 0;
	border-top: 1px solid #f1f1f1;
	z-index: 2;
	height: 49px;
	box-sizing: border-box
}

.emotion .emotion-tab .emotion-sort {
	display: inline-block;
	width: 41px;
	height: 41px;
	margin-right: 5px;
	vertical-align: top;
	border-radius: 2px;
	cursor: pointer
}

.emotion .emotion-tab .emotion-sort.selected, .emotion .emotion-tab .emotion-sort:hover
	{
	background: #f1f1f1
}

.emotion .emotion-tab .emotion-sort button {
	display: block;
	border: 0;
	cursor: pointer;
	width: 41px;
	height: 41px
}

.emotion .emotion-tab .emotion-sort .emotion-recent {
	background:
		url(https://static.zhipin.com/library/emotions/tab/recent.png)
		no-repeat 50%;
	background-size: 20px auto
}

.emotion .emotion-tab .emotion-sort .emotion-default {
	background:
		url(https://static.zhipin.com/library/emoji/V2_Expression__1.png)
		no-repeat 50%;
	background-size: 21px 21px
}

.emotion .emotion-tab .emotion-sort .emotion-like {
	background: url(https://static.zhipin.com/library/emotions/tab/like.png)
		no-repeat 50%;
	background-size: 19px 17px
}

.emotion .emotion-tab .emotion-sort .emotion-zhi {
	background: url(https://static.zhipin.com/library/emotions/tab/zhi.png)
		no-repeat 50%;
	background-size: 18px auto
}

.emotion .emotion-tab .emotion-sort .emotion-veteran {
	background: url(https://static.zhipin.com/library/emotions/tab/bird.png)
		no-repeat 50%;
	background-size: 23px auto
}

.emotion .emotion-tab .emotion-sort .emotion-zhi2 {
	background:
		url(https://static.zhipin.com/library/emotions/tab/zhi2_geek.png)
		no-repeat 50%;
	background-size: 19px 22px
}

.emotion ul {
	height: 252px;
	padding: 0 10px;
	margin-bottom: 8px;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

.emotion ul.hide {
	display: none
}

.emotion ul:hover {
	overflow: auto
}

.emotion li {
	display: inline-block;
	position: relative;
	cursor: pointer;
	border-radius: 2px
}

.emotion li:hover {
	background: #f2f2f2
}

.emotion li:hover .emoj {
	border-color: #f2f2f2
}

.emoji-box {
	height: 252px;
	padding: 0;
	margin-bottom: 8px;
	font-size: 13px;
	line-height: 18px;
	overflow: hidden
}

.emoji-box:hover {
	overflow: auto
}

.emoji-box .emoji-recent, .emoji-box .emotion-emoji {
	padding-left: 18px
}

.emoji-box .emoji-title {
	padding-left: 20px;
	color: #414a60
}

.emoji-box ul {
	height: auto;
	padding: 0;
	margin-bottom: 0
}

.emoj {
	height: 25px;
	background: url(https://static.zhipin.com/library/emoji/chat-emoji.png)
		no-repeat;
	background-size: 25px auto
}

.emoj, .emojold {
	display: inline-block;
	width: 25px;
	vertical-align: middle;
	border: 0;
	cursor: pointer
}

.emojold {
	height: 30px;
	background:
		url(https://static.zhipin.com/library/emotions/emotions-2018-2x.png)
		no-repeat;
	background-size: 24px auto
}

.emotion .emoj {
	border: 10px solid #fff;
	box-sizing: content-box;
	border-radius: 2px
}

.emoj-1 {
	background-position: 0 0
}

.emoj-2 {
	background-position: 0 -25px
}

.emoj-3 {
	background-position: 0 -50px
}

.emoj-4 {
	background-position: 0 -75px
}

.emoj-5 {
	background-position: 0 -100px
}

.emoj-6 {
	background-position: 0 -125px
}

.emoj-7 {
	background-position: 0 -150px
}

.emoj-8 {
	background-position: 0 -175px
}

.emoj-9 {
	background-position: 0 -200px
}

.emoj-10 {
	background-position: 0 -225px
}

.emoj-11 {
	background-position: 0 -250px
}

.emoj-12 {
	background-position: 0 -275px
}

.emoj-13 {
	background-position: 0 -300px
}

.emoj-14 {
	background-position: 0 -325px
}

.emoj-15 {
	background-position: 0 -350px
}

.emoj-16 {
	background-position: 0 -375px
}

.emoj-17 {
	background-position: 0 -400px
}

.emoj-18 {
	background-position: 0 -425px
}

.emoj-19 {
	background-position: 0 -450px
}

.emoj-20 {
	background-position: 0 -475px
}

.emoj-21 {
	background-position: 0 -500px
}

.emoj-22 {
	background-position: 0 -525px
}

.emoj-23 {
	background-position: 0 -550px
}

.emoj-24 {
	background-position: 0 -575px
}

.emoj-25 {
	background-position: 0 -600px
}

.emoj-26 {
	background-position: 0 -625px
}

.emoj-27 {
	background-position: 0 -650px
}

.emoj-28 {
	background-position: 0 -675px
}

.emoj-29 {
	background-position: 0 -700px
}

.emoj-30 {
	background-position: 0 -725px
}

.emoj-31 {
	background-position: 0 -750px
}

.emoj-32 {
	background-position: 0 -775px
}

.emoj-33 {
	background-position: 0 -800px
}

.emoj-34 {
	background-position: 0 -825px
}

.emoj-35 {
	background-position: 0 -850px
}

.emoj-36 {
	background-position: 0 -875px
}

.emoj-37 {
	background-position: 0 -900px
}

.emoj-38 {
	background-position: 0 -925px
}

.emoj-39 {
	background-position: 0 -950px
}

.emoj-40 {
	background-position: 0 -975px
}

.emoj-41 {
	background-position: 0 -1000px
}

.emoj-42 {
	background-position: 0 -1025px
}

.emoj-43 {
	background-position: 0 -1050px
}

.emoj-44 {
	background-position: 0 -1075px
}

.emoj-45 {
	background-position: 0 -1100px
}

.emoj-46 {
	background-position: 0 -1125px
}

.emoj-47 {
	background-position: 0 -1150px
}

.emoj-48 {
	background-position: 0 -1175px
}

.emoj-49 {
	background-position: 0 -1200px
}

.emoj-50 {
	background-position: 0 -1225px
}

.emoj-51 {
	background-position: 0 -1250px
}

.emoj-52 {
	background-position: 0 -1275px
}

.emoj-53 {
	background-position: 0 -1300px
}

.emoj-54 {
	background-position: 0 -1325px
}

.emoj-55 {
	background-position: 0 -1350px
}

.emoj-56 {
	background-position: 0 -1375px
}

.emoj-57 {
	background-position: 0 -1400px
}

.emoj-58 {
	background-position: 0 -1425px
}

.emoj-59 {
	background-position: 0 -1450px
}

.emoj-60 {
	background-position: 0 -1475px
}

.emoj-61 {
	background-position: 0 -1500px
}

.emoj-62 {
	background-position: 0 -1525px
}

.emoj-63 {
	background-position: 0 -1550px
}

.emoj-64 {
	background-position: 0 -1575px
}

.emoj-65 {
	background-position: 0 -1600px
}

.emoj-66 {
	background-position: 0 -1625px
}

.emoj-67 {
	background-position: 0 -1650px
}

.emoj-68 {
	background-position: 0 -1675px
}

.emoj-69 {
	background-position: 0 -1700px
}

.emoj-70 {
	background-position: 0 -1725px
}

.emoj-71 {
	background-position: 0 -1750px
}

.emoj-72 {
	background-position: 0 -1775px
}

.emoj-73 {
	background-position: 0 -1800px
}

.emoj-74 {
	background-position: 0 -1825px
}

.emoj-75 {
	background-position: 0 -1850px
}

.emoj-76 {
	background-position: 0 -1875px
}

.emojold-1 {
	background-position: 2px 2px
}

.emojold-2 {
	background-position: 2px -27px
}

.emojold-3 {
	background-position: 2px -57px
}

.emojold-4 {
	background-position: 2px -87px
}

.emojold-5 {
	background-position: 2px -117px
}

.emojold-6 {
	background-position: 2px -147px
}

.emojold-7 {
	background-position: 2px -177px
}

.emojold-8 {
	background-position: 2px -207px
}

.emojold-9 {
	background-position: 2px -237px
}

.emojold-10 {
	background-position: 2px -267px
}

.emojold-11 {
	background-position: 2px -297px
}

.emojold-12 {
	background-position: 2px -327px
}

.emojold-13 {
	background-position: 2px -357px
}

.emojold-14 {
	background-position: 2px -387px
}

.emojold-15 {
	background-position: 2px -417px
}

.emojold-16 {
	background-position: 2px -447px
}

.emojold-17 {
	background-position: 2px -477px
}

.emojold-18 {
	background-position: 2px -507px
}

.emojold-19 {
	background-position: 2px -537px
}

.emojold-20 {
	background-position: 2px -567px
}

.emojold-21 {
	background-position: 2px -597px
}

.emojold-22 {
	background-position: 2px -627px
}

.emojold-23 {
	background-position: 2px -657px
}

.emojold-24 {
	background-position: 2px -687px
}

.emojold-25 {
	background-position: 2px -717px
}

.emojold-26 {
	background-position: 2px -747px
}

.emojold-27 {
	background-position: 2px -777px
}

.emojold-28 {
	background-position: 2px -807px
}

.emojold-29 {
	background-position: 2px -837px
}

.emojold-30 {
	background-position: 2px -867px
}

.emojold-31 {
	background-position: 2px -897px
}

.emojold-32 {
	background-position: 2px -927px
}

.emojold-33 {
	background-position: 2px -957px
}

.emojold-34 {
	background-position: 2px -987px
}

.emojold-35 {
	background-position: 2px -1017px
}

.emojold-36 {
	background-position: 2px -1047px
}

.emojold-37 {
	background-position: 2px -1077px
}

.emojold-38 {
	background-position: 2px -1107px
}

.emojold-39 {
	background-position: 2px -1137px
}

.emojold-40 {
	background-position: 2px -1167px
}

.emojold-41 {
	background-position: 2px -1197px
}

.emojold-42 {
	background-position: 2px -1227px
}

.emojold-43 {
	background-position: 2px -1257px
}

.emojold-44 {
	background-position: 2px -1287px
}

.emojold-45 {
	background-position: 2px -1317px
}

.emojold-46 {
	background-position: 2px -1347px
}

.emojold-47 {
	background-position: 2px -1377px
}

.emojold-48 {
	background-position: 2px -1407px
}

.emojold-49 {
	background-position: 2px -1437px
}

.emojold-50 {
	background-position: 2px -1467px
}

.emojold-51 {
	background-position: 2px -1497px
}

.emojold-52 {
	background-position: 2px -1527px
}

.emojold-53 {
	background-position: 2px -1557px
}

.emojold-54 {
	background-position: 2px -1587px
}

.emojold-55 {
	background-position: 2px -1617px
}

.emojold-56 {
	background-position: 2px -1647px
}

.emojold-57 {
	background-position: 2px -1677px
}

.emojold-58 {
	background-position: 2px -1707px
}

.emojold-59 {
	background-position: 2px -1737px
}

.emojold-60 {
	background-position: 2px -1767px
}

.emojold-61 {
	background-position: 2px -1798px
}

.emojold-62 {
	background-position: 2px -1827px
}

.emojold-63 {
	background-position: 2px -1857px
}

.emojold-64 {
	background-position: 2px -1887px
}

.emojold-65 {
	background-position: 2px -1917px
}

.emojold-66 {
	background-position: 2px -1947px
}

.emojold-67 {
	background-position: 2px -1977px
}

.emojold-68 {
	background-position: 2px -2007px
}

.emojold-69 {
	background-position: 2px -2037px
}

.emojold-70 {
	background-position: 2px -2067px
}

.emojold-71 {
	background-position: 2px -2097px
}

.emojold-72 {
	background-position: 2px -2127px
}

.emojold-73 {
	background-position: 2px -2157px
}

.emojold-74 {
	background-position: 2px -2187px
}

.emojold-75 {
	background-position: 2px -2217px
}

.emojold-76 {
	background-position: 2px -2247px
}

.emojold-77 {
	background-position: 2px -2277px
}

.emojold-78 {
	background-position: 2px -2307px
}

.emojold-79 {
	background-position: 2px -2337px
}

.emojold-80 {
	background-position: 2px -2367px
}

.emojold-81 {
	background-position: 2px -2397px
}

.emojold-82 {
	background-position: 2px -2427px
}

.emojold-83 {
	background-position: 2px -2457px
}

.emojold-84 {
	background-position: 5px -2487px
}

.emojold-85 {
	background-position: 2px -2517px
}

.emojold-86 {
	background-position: 2px -2547px
}

.emojold-87 {
	background-position: 2px -2577px
}

.emojold-88 {
	background-position: 2px -2607px
}

.emojold-89 {
	background-position: 2px -2637px
}

.emojold-90 {
	background-position: 2px -2667px
}

.emojold-91 {
	background-position: 2px -2697px
}

.emojold-92 {
	background-position: 2px -2727px
}

.emojold-93 {
	background-position: 2px -2757px
}

.emojold-94 {
	background-position: 2px -2787px
}

.emojold-95 {
	background-position: 2px -2817px
}

.emojold-96 {
	background-position: 2px -2847px
}

.emojold-97 {
	background-position: 2px -2877px
}

.emojold-98 {
	background-position: 2px -2907px
}

.emojold-99 {
	background-position: 2px -2937px
}

.emojold-100 {
	background-position: 2px -2967px
}

.emotion .animoji-box {
	padding-right: 0
}

.emotion .animoji-item {
	position: relative;
	width: 80px;
	height: 80px;
	margin-left: 6px;
	margin-right: 16px;
	margin-bottom: 30px;
	padding: 0
}

.animoji {
	display: inline-block;
	width: 64px;
	height: 64px;
	margin: 8px;
	background: #fff;
	border: 0;
	cursor: pointer
}

.animoji img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto
}

.emotion .animoji-item span {
	display: block;
	width: 100%;
	float: right;
	line-height: 14px;
	color: #909090;
	font-size: 10px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.competitive-container .data-tips {
	margin-top: 20px
}

#competitive-main .toast-con {
	font-size: 13px
}

.competitive_top_info {
	width: 100%;
	background: #fff;
	background-size: cover;
	position: relative;
	padding-top: .2rem;
	margin-bottom: 30px
}

.competitive_top_info>p {
	font-size: 12px;
	padding-bottom: .14rem;
	color: #50c7c1;
	text-align: center;
	background-color: #fff;
	border-radius: 30px;
	position: absolute;
	left: 50%;
	top: .2rem;
	padding-top: .14rem;
	width: 4.5rem;
	margin-left: -2.25rem
}

.competition_show {
	width: 100%;
	background: #f9fafc;
	background-size: cover;
	position: relative;
	padding-top: .2rem
}

.competition_show>p {
	font-size: 12px;
	padding-bottom: .14rem;
	color: #50c7c1;
	text-align: center;
	background-color: #fff;
	border-radius: 30px;
	position: absolute;
	left: 50%;
	top: .2rem;
	padding-top: .14rem;
	width: 4.5rem;
	margin-left: -2.25rem
}

.competition_show_chart {
	width: 5.97rem;
	position: relative;
	margin: .3rem auto 0;
	text-align: center
}

.competition_show_chart img {
	width: 299px;
	height: 299px
}

#competitive-main #canvas, .competition_show_chart img {
	left: 50%;
	top: 0;
	position: absolute;
	-webkit-transform: translate(-50%);
	transform: translate(-50%)
}

#competitive-main #canvas {
	z-index: 100
}

#competitive-main #canvas1 {
	position: absolute;
	z-index: 110;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%)
}

.competition_show .competition_show_chart .competitiveness {
	font-size: 12px;
	font-weight: 700;
	color: #a3dedd;
	text-align: center;
	padding-top: 1.37rem
}

.competition_show .competition_show_chart .competitive_text {
	font-size: 58px;
	color: #363636;
	padding-top: 1.9rem;
	text-align: center
}

.competition_show .competition_show_chart .rank {
	font-size: 11px;
	background-color: #74c8cb;
	padding: .1rem .3rem;
	display: inline-block;
	color: #fff;
	border-radius: 25px;
	margin: .5rem auto 0
}

.competition_show .competition_show_chart .evaluate_time {
	font-size: 10px;
	color: #92ced5;
	text-align: center;
	padding-top: .2rem
}

.competitive_top_info .work_card {
	height: 1.2rem;
	margin: 0 40px;
	background-color: #fff;
	box-shadow: 0 2px 9px 0 rgba(0, 0, 0, .09);
	position: relative
}

.competitive_top_info .work_card_shadow {
	box-shadow: 0 5px 19px 0 rgba(235, 233, 233, .8);
	height: 1.235rem;
	width: 94%;
	margin-left: 3%;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: -1.12rem;
	z-index: 199
}

.competitive_top_info .work_card .work_type {
	margin: 0 .2rem;
	padding-top: .25rem;
	overflow: hidden
}

.competitive_top_info .work_card .work_type span:first-child {
	font-size: 16px;
	display: inline-block;
	line-height: 16px;
	vertical-align: middle;
	margin-right: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.competitive_top_info .work_card .work_type span:last-child {
	color: #fc703e;
	font-size: 16px;
	display: inline-block;
	vertical-align: middle
}

.competitive_top_info .work_card p {
	font-size: 13px;
	color: #797979;
	margin-left: .36rem;
	padding-top: .17rem
}

.competitive_top_info .work_card .tag {
	margin-left: .2rem;
	padding-top: .05rem;
	position: relative
}

.competitive_top_info .work_card .tag span {
	font-size: 13px;
	color: #797979;
	display: inline-block;
	padding-right: .2rem;
	text-align: center
}

.competitive_top_info .work_card .tag span:after {
	content: "";
	border-right: 1px solid #efeff3;
	position: relative;
	left: 6px
}

.competitive_top_info .work_card .tag span:last-child:after {
	border: none
}

.competitive_top_info .work_card .work-postimg {
	width: 46px;
	height: 16px;
	margin: 0 20px 0 10px
}

.chart_title {
	position: relative;
	padding: .2rem 0 .2rem .24rem;
	border-bottom: 1px solid #eef0f5
}

.chart_title img {
	height: .75rem;
	vertical-align: middle
}

.chart_title>div {
	display: inline-block;
	vertical-align: middle;
	margin-left: .4rem;
	width: 75%;
	position: relative
}

.chart_title div p:first-child {
	font-size: 16px;
	margin-bottom: .1rem;
	font-weight: 700
}

.chart_title div p:last-child {
	font-size: 15px;
	color: #aaa;
	min-height: 35px
}

.chart_title div p span.red {
	color: #ff6223
}

.highcharts-xaxis-labels:nth-child(2n) {
	width: 15px
}

#competitive-main .border {
	width: 100%;
	height: 12px;
	background-color: #fff
}

#competitive-main .chart_title.mt_70 {
	margin-top: .7rem
}

#competitive-main .bottom_height {
	margin-top: .8rem
}

#competitive-main .bar_title_one_row {
	font-size: 12px;
	line-height: .31rem;
	position: absolute;
	top: 0;
	left: 0;
	width: 1.1rem;
	text-align: right
}

#competitive-main .contaract_wrap {
	color: #515151;
	position: relative
}

#competitive-main .contaract_wrap.h_62 {
	height: .62rem
}

#competitive-main .hoz_bar {
	height: .31rem;
	background-color: #ededed;
	width: 4.96rem;
	position: absolute;
	border-radius: 50px;
	margin-left: 1.2rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

#competitive-main .contaract_wrap.h_31 {
	height: .31rem
}

#competitive-main .hoz_bar .bar_show {
	position: absolute;
	width: 0;
	top: 0;
	left: 0;
	height: 100%;
	background-image: linear-gradient(-90deg, #3266c8, #00d4fa);
	border-radius: 50px;
	-webkit-animation: move 1s ease
}

#competitive-main .hoz_bar .bar_show .percent {
	position: absolute;
	height: .31rem;
	line-height: .35rem;
	left: 100%;
	color: #1791e5;
	font-size: 12px;
	margin-left: .05rem
}

#competitive-main .bar_title_two_row {
	font-size: 10px;
	text-align: right;
	position: absolute;
	top: .1rem;
	left: 0;
	width: 1.1rem
}

#competitive-main .bar_title_two_row p:last-child {
	position: relative;
	top: -8px
}

#competitive-main .contaract_wrap.mb_50 {
	margin-bottom: .5rem
}

#competitive-main .contaract_wrap.mb_45 {
	margin-bottom: .45rem
}

#competitive-main .contaract_wrap.mt_82 {
	margin-top: .5rem
}

#competitive-main .contract_mark {
	width: 5.04rem;
	height: .26rem;
	margin-top: .25rem;
	margin-left: 1.15rem;
	display: block
}

#competitive-main .start_chat {
	width: 1.6rem;
	height: .74rem;
	margin-top: .29rem;
	margin-left: 4.99rem;
	display: none
}

#competitive-main .start-chat {
	text-align: right;
	font-size: 13px;
	padding: 10px 40px 0;
	cursor: pointer;
	display: none;
	float: right
}

#competitive-main .border.mt_48 {
	margin-top: .48rem
}

#competitive-main .match_mark {
	width: 5.3rem;
	position: absolute;
	height: 4.79rem;
	top: 0;
	left: 0;
	z-index: 10
}

#competitive-main .match_wrap {
	margin-left: .8rem;
	margin-top: 1rem;
	position: relative;
	height: 4.79rem;
	margin-bottom: .6rem
}

#competitive-main .ver_bar {
	width: .45rem;
	border-radius: 50px;
	position: absolute;
	bottom: .44rem;
	z-index: 100;
	height: 0
}

#competitive-main .ver_bar.match {
	background-image: linear-gradient(-180deg, #ef3e67, #ef793e)
}

#competitive-main .ver_bar .percent {
	position: absolute;
	left: 50%;
	top: -.3rem;
	color: #ef4a40;
	font-size: 12px;
	-webkit-transform: translate(-50%);
	transform: translate(-41%)
}

#competitive-main .ver_bar.lf_10 {
	left: .7rem
}

#competitive-main .ver_bar.lf_20 {
	left: 1.85rem
}

#competitive-main .ver_bar.lf_30 {
	left: 3.05rem
}

#competitive-main .ver_bar.lf_40, #competitive-main .ver_bar.lf_50 {
	left: 4.2rem
}

#competitive-main .here {
	position: absolute;
	font-size: 11px;
	color: #fff;
	width: 1.1rem;
	border-radius: 50px;
	text-align: center;
	line-height: 11px;
	padding-top: .1rem;
	padding-bottom: .1rem;
	display: none
}

#competitive-main .here[class*=match]:after {
	display: block;
	content: "";
	border: 5px solid transparent;
	border-top-color: #6d66fe;
	position: absolute;
	left: 50%;
	top: 100%;
	margin-left: -4px
}

#competitive-main .here.match {
	left: -.35rem;
	margin-top: -.65rem;
	background-image: linear-gradient(-90deg, #678afe, #9967fe);
	top: -.21rem
}

#competitive-main .qua_wrap {
	position: relative;
	margin-left: .6rem;
	margin-top: 1rem;
	height: 4.85rem
}

#competitive-main .qul_mark {
	position: absolute;
	top: 0;
	left: 0;
	width: 5.62rem;
	height: 4.85rem
}

#competitive-main .ver_bar.qul {
	background-image: linear-gradient(0deg, #c2caff, #5528e6)
}

#competitive-main .ver_bar .percent.qul {
	color: #5b6fd3
}

#competitive-main .ver_bar.lf_11 {
	left: .6rem
}

#competitive-main .ver_bar.lf_21 {
	left: 1.67rem
}

#competitive-main .ver_bar.lf_31 {
	left: 2.79rem
}

#competitive-main .ver_bar.lf_41 {
	left: 3.9rem
}

.ver_bar.lf_51 {
	left: 5rem
}

.work_exp_wrap {
	color: #515151;
	position: relative;
	height: .31rem;
	margin-bottom: .6rem
}

.work_exp_wrap.mt_60 {
	margin-top: 1rem
}

.work_exp_wrap.mb_60 {
	margin-bottom: .6rem
}

.bar_show.work_exp {
	background-image: linear-gradient(90deg, #8deaa3, #29d183)
}

.bar_show.work_exp .percent {
	color: #29d183
}

.here.work_exp {
	background-image: linear-gradient(-90deg, #29c0ce, #82def8);
	top: -100%;
	margin-top: -.15rem;
	right: -.65rem
}

.here[class*=work_exp]:after {
	display: block;
	content: "";
	border: 5px solid transparent;
	border-top-color: #29c0ce;
	position: absolute;
	left: 50%;
	top: 100%;
	margin-left: -4px
}

.sal_wrap {
	position: relative;
	margin-left: .6rem;
	margin-top: 1rem;
	height: 4.71rem
}

.sal_wrap .Xtext {
	position: absolute;
	top: 4.71rem;
	left: 0;
	font-size: 14px
}

.sal_wrap .Xtext span:first-child {
	position: absolute;
	width: 1.5rem;
	top: 0;
	left: .6rem
}

.sal_wrap .Xtext span:nth-child(2) {
	position: absolute;
	width: 1.5rem;
	top: 0;
	left: 1.67rem
}

.sal_wrap .Xtext span:nth-child(3) {
	position: absolute;
	width: 1.5rem;
	top: 0;
	left: 2.7rem
}

.sal_wrap .Xtext span:nth-child(4) {
	position: absolute;
	width: 1.5rem;
	top: 0;
	left: 3.8rem
}

.sal_wrap .Xtext span:nth-child(5) {
	position: absolute;
	width: 1.5rem;
	top: 0;
	left: 4.85rem
}

.sal_wrap .sul_mark {
	position: absolute;
	top: 0;
	left: 0;
	width: 5.63rem;
	height: 4.71rem
}

.ver_bar.sal {
	background-image: linear-gradient(180deg, #fdb926, #fee9a8)
}

.ver_bar .percent.sal {
	color: #fdb926
}

.here.sal {
	top: -.21rem;
	left: -.425rem;
	background-image: linear-gradient(90deg, #21bf68, #70d95a);
	margin-top: -.65rem
}

.here[class*=sal]:after {
	display: block;
	content: "";
	border: 5px solid transparent;
	border-top-color: #42cb59;
	position: absolute;
	left: 50%;
	top: 100%;
	margin-left: -4px
}

.peak_wrap {
	margin: .36rem auto 0;
	height: 1.46rem;
	position: relative;
	width: 6.38rem;
	overflow: hidden
}

.peak_wrap .no_active {
	width: 2.02rem;
	height: 1.46rem;
	position: absolute
}

.peak_wrap .active {
	width: 2.45rem;
	height: 1.46rem;
	position: absolute
}

.peak_wrap img:first-child {
	top: 0;
	left: 0
}

.peak_wrap img:nth-child(2) {
	top: 0;
	left: 1.86rem
}

.peak_wrap img:nth-child(3) {
	top: 0;
	left: 3.1rem
}

.peak_wrap img:nth-child(4) {
	top: 0;
	left: 4.34rem
}

.peak_text_wrap {
	font-size: 14px;
	margin: .2rem auto .6rem .5rem;
	text-align: center
}

.peak_text_wrap span {
	display: inline-block;
	width: 1.4rem;
	text-align: left;
	font-weight: 700;
	box-sizing: border-box
}

.peak_text_wrap span:last-child {
	margin-right: 0
}

#competitive-main .sub_wrap {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	background-color: #fff;
	height: 1.31rem;
	line-height: 1.31rem
}

#competitive-main .sub {
	background-color: #53cac3;
	color: #fff;
	font-size: 16px;
	width: 90%;
	margin-left: 5%;
	text-align: center;
	padding: .29rem 0;
	line-height: 16px;
	border-radius: 8px;
	margin-top: .2rem
}

#competitive-main .footer {
	height: 1.31rem;
	margin: 0 40px
}

#competitive-main .footer-line {
	border-top: 1px dashed #e5e5e5;
	position: relative;
	top: .6rem;
	text-align: center
}

#competitive-main .footer-line span {
	display: inline-block;
	position: relative;
	top: -.17rem;
	padding: 0 .05rem;
	font-size: .14rem;
	color: #363636;
	background: #fff
}

#competitive-main .tip {
	display: inline-block;
	width: .29rem;
	height: .29rem;
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/tip.f8a0bdb5.png);
	background-size: contain;
	position: relative;
	vertical-align: middle;
	margin-right: 5px
}

#competitive-main .tip span {
	position: absolute;
	top: .54rem;
	left: -.89rem;
	width: 5.55rem;
	height: 1.62rem;
	background-color: #333;
	border-radius: 50px;
	color: #fff;
	line-height: .5rem;
	padding-left: .2rem;
	padding-top: .1rem;
	padding-right: .2rem;
	z-index: 2000;
	display: none
}

#competitive-main .tip span:before {
	content: "";
	border: 8px solid transparent;
	border-bottom-color: #333;
	display: inline-block;
	position: absolute;
	top: -.28rem;
	left: .85rem
}

#competitive-main .highcharts-xaxis-grid path:nth-child(2n) {
	stroke: #fd1e77
}

#competitive-main .m_t_8 {
	margin-top: .8rem
}

#competitive-main .stopImg {
	position: absolute;
	top: 17px;
	right: 120px;
	z-index: 10
}

#competitive-main {
	background: #fff;
	width: 100%;
	overflow: hidden;
	min-width: 750px;
	min-height: 500px;
	margin: 0 auto
}

#competitive-main .row-box {
	display: flex;
	margin: 0 40px;
	background: #fff
}

#competitive-main .row-box .row-one {
	width: 49%;
	background: #f9fafc;
	margin: 0 12px 0 0;
	flex-shrink: 0
}

#competitive-main .row-box .row-two {
	flex: 1;
	background: #f9fafc;
	margin: 0
}

#competitive-main .row-box .row-two .row-bottom {
	box-sizing: border-box;
	border-top: 10px solid #fff
}

#competitive-main .chart_title .title_right_info {
	position: absolute;
	right: .4rem;
	top: .2rem;
	width: auto;
	font-size: .2rem;
	text-align: right
}

#competitive-main .chart_title .right_info_num {
	margin-top: -2px;
	font-size: .3rem;
	display: inline-block
}

#competitive-main .right_info {
	position: absolute;
	right: .2rem;
	top: .2rem;
	font-size: .16rem;
	text-align: right
}

#competitive-main .right_info div {
	margin-bottom: .1rem
}

#competitive-main .right_info div:first-child {
	font-size: 14px
}

#competitive-main .right_info div img {
	border-radius: 50%;
	width: .22rem;
	height: .22rem;
	position: relative;
	top: .05rem;
	margin-right: 10px
}

#competitive-main .competitive-header {
	margin: 31px 45px 0
}

#competitive-main .competitive-header h1 {
	display: inline-block;
	font-size: .26rem;
	margin-right: .05rem
}

#competitive-main .competitive-header .competitive-time {
	font-size: .14rem;
	color: #9fa3b0;
	display: inline-block;
	margin-left: 15px
}

#competitive-main .competitive-header .competitive-label {
	float: right;
	height: 23px;
	background: #5dd5c8;
	border-radius: 100px;
	line-height: 23px;
	font-size: 12px;
	color: #fff;
	padding: 0 12px;
	margin: 18px 0 0
}

#competitive-main .dialog-con {
	font-size: 14px
}

.resume-analyze {
	width: 1200px;
	background: #fff;
	box-sizing: border-box;
	padding: 30px 0 46px;
	margin: 20px auto 0;
	min-height: calc(100vh - 90px)
}

.resume-analyze .page-select-resume {
	margin-bottom: -46px
}

.resume-analyze * {
	box-sizing: border-box
}

.resume-analyze .progess-container {
	padding: 0 30px
}

.resume-analyze .progess-title {
	font-size: 18px;
	color: #414a60;
	margin-bottom: 6px;
	font-weight: 500
}

.resume-analyze .progress-info {
	color: #61687c;
	line-height: 20px;
	margin-bottom: 10px
}

.resume-analyze .progress-bar {
	position: relative;
	float: none;
	width: 100%;
	height: 10px;
	background: #e3e7ed;
	border-radius: 8px;
	margin-bottom: 28px
}

.resume-analyze .progress-bar .progress-content {
	width: 25%;
	height: 10px;
	transition: all .3s;
	background: #5dd5c8;
	border-radius: 8px
}

.resume-analyze .progress-bar .text-count {
	position: absolute;
	top: -34px;
	right: 0;
	color: #414a60;
	font-size: 18px;
	line-height: 25px
}

.resume-analyze .progress-bar .text-count em {
	color: #00c2b3;
	font-style: normal
}

.resume-analyze .progress-tool {
	font-size: 14px;
	width: 770px;
	height: 40px;
	display: flex;
	margin-bottom: 20px
}

.resume-analyze .onlyOneItem {
	height: 28px
}

.resume-analyze .progress-tool .item {
	flex: 1;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	position: relative;
	margin: 0 10px
}

.resume-analyze .progress-tool .threeItemClass {
	width: 238px
}

.resume-analyze .progress-tool .twoItemClass {
	width: 370px
}

.resume-analyze .progress-tool .oneItemClass {
	justify-content: left;
	font-size: 20px;
	height: 28px;
	color: #414a60;
	font-weight: 400;
	background: none !important
}

.resume-analyze .progress-tool .item:first-child {
	margin-left: 0
}

.resume-analyze .progress-tool .item:last-child {
	margin-right: 0
}

.resume-analyze .progress-tool .item:after, .resume-analyze .progress-tool .item:before
	{
	content: "";
	position: absolute;
	top: 0;
	border: 0 solid #fff;
	border-width: 20px 15px;
	width: 0;
	height: 0
}

.resume-analyze .progress-tool .item:before {
	left: -15px
}

.resume-analyze .progress-tool .item:after {
	left: 100%
}

.resume-analyze .progress-tool .hasHandle:before {
	border-color: #b4e5e3 #b4e5e3 #b4e5e3 transparent
}

.resume-analyze .progress-tool .hasHandle:after {
	border-color: transparent transparent transparent #b4e5e3
}

.resume-analyze .progress-tool .isHandleIng:before {
	border-color: #5dd5c8 #5dd5c8 #5dd5c8 transparent
}

.resume-analyze .progress-tool .isHandleIng:after {
	border-color: transparent transparent transparent #5dd5c8
}

.resume-analyze .progress-tool .noHandle:before {
	border-color: #fff #fff #fff transparent
}

.resume-analyze .progress-tool .noHandle:after {
	border-color: transparent transparent transparent #fff
}

.resume-analyze .progress-tool .firstStep:before, .resume-analyze .progress-tool .lastStep:after
	{
	display: none
}

.resume-analyze .progress-tool .item .icon-analyze-check {
	margin-left: 5px;
	display: inline-block;
	width: 17px;
	height: 13px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-has-handle.7f41d6ec.png)
		no-repeat;
	background-size: cover
}

.resume-analyze .progress-tool .hasHandle {
	background: #b4e5e3
}

.resume-analyze .progress-tool .isHandleIng {
	background: #5dd5c8
}

.resume-analyze .progress-tool .noHandle {
	background: #fff;
	color: #8d92a1
}

.resume-analyze .main-content {
	background: #f8f9fb
}

.resume-analyze .main-content .experence {
	padding-top: 20px
}

.resume-analyze .data-tips {
	min-height: calc(100vh - 434px);
	height: auto
}

.resume-analyze .main-content .project-experence {
	height: 599px
}

.resume-analyze .main-content .experence .title {
	margin-bottom: 20px;
	display: flex;
	font-weight: 500
}

.resume-analyze .main-content .experence .title .text {
	font-size: 16px;
	color: #414a60;
	margin-right: 10px
}

.resume-analyze .main-content .experence .title .progress-number {
	font-size: 18px;
	color: #00c2b3
}

.resume-analyze-btns {
	text-align: right;
	padding-bottom: 24px
}

.resume-analyze-btns button:last-child {
	margin-left: 20px
}

.industry-category {
	box-sizing: content-box
}

.resume-analyze .main-content .item-form {
	width: 840px;
	margin: 0 auto;
	padding: 20px 0 0
}

.resume-analyze .resume-box .item-form .form-item {
	margin-bottom: 25px;
	width: 400px;
	padding: 0
}

.resume-analyze .resume-box .item-form .form-item:nth-child(2n) {
	margin-left: 40px
}

.resume-analyze .resume-box .item-form .form-item.form-item-full {
	margin-left: 0
}

.resume-analyze .datepicker-wrap .prefix-totoday {
	top: 6px;
	min-width: 100px
}

.resume-analyze .textarea-container {
	position: relative;
	width: 660px
}

.resume-analyze .scope-selecter .scope-select .ui-select-selection .ui-select-inner
	{
	padding: 6px 8px 5px
}

.resume-analyze .scope-selecter .scope-select .ui-select-selection .ui-select-inner span
	{
	margin-left: 0
}

.resume-analyze .parser-describe-container .input-wrap-textarea {
	width: 100%;
	height: 200px
}

.resume-analyze .parser-describe-container .input-wrap-textarea textarea
	{
	height: 200px
}

.resume-analyze .resume-box .resume-project .item-form .form-item.form-item-full .item-content .date-scope .scope-separator
	{
	width: 40px
}

.resume-analyze .main-content .experence .item-line {
	display: flex;
	width: 664px;
	margin-bottom: 20px
}

.resume-analyze .main-content .experence .item-line .input-container {
	width: 316px;
	margin-right: 32px
}

.resume-analyze .main-content .experence .item-line .input-container .common-title
	{
	margin-bottom: 4px
}

.resume-analyze .main-content .experence .item-line .input-container .input-errpr-warp
	{
	position: relative
}

.resume-analyze .main-content .experence .item-line .input-container .input
	{
	width: 316px;
	height: 38px;
	background: #fff;
	border: 1px solid #e3e7ed;
	padding: 7px 14px;
	font-size: 14px;
	min-width: 0
}

.resume-analyze .main-content .experence .item-line .input-container .input:focus
	{
	border-color: #59cac2;
	box-shadow: 1px 2px 3px #d7f4f1
}

.datepicker-pannel {
	z-index: 120
}

.select-date-wrap-small {
	margin-right: 0 !important;
	position: relative
}

.select-date-wrap-small .date-picker-small .input-wrap,
	.select-date-wrap-small .date-picker-small .ipt {
	min-width: 110px;
	width: 137px;
	line-height: 26px
}

.select-date-wrap-small .date-picker-small .input-wrap input {
	width: 100% !important
}

.select-date-wrap-small .to {
	margin: 0 10px
}

.select-date-wrap-big {
	display: flex;
	position: relative
}

.select-date-wrap-big .ipt {
	width: 316px;
	line-height: 26px
}

.project-experence .to {
	margin: 0 10px;
	line-height: 37px
}

.resume-analyze .main-content .industry-name-container {
	position: relative
}

.resume-analyze .main-content .industry-name__container .input {
	padding-right: 60px;
	overflow: hidden;
	text-overflow: ellipsis
}

.resume-analyze .main-content .industry-name__container .forecast-icon {
	position: absolute;
	width: 32px;
	top: 50%;
	right: 20px;
	margin-top: -9px;
	z-index: 9
}

.resume-analyze .resume-box .item-form .skill-tag__container .ui-select-inner
	{
	height: auto
}

.resume-analyze .main-content .skill-tag__container .forecast-icon {
	position: absolute;
	width: 32px;
	top: 50%;
	right: 30px;
	margin-top: -9px;
	z-index: 9
}

.resume-analyze .main-content .personal-better {
	height: 500px
}

.resume-analyze .main-content .personal-better .padding-line {
	height: 10px;
	width: 770px;
	background: #eff0f5;
	margin-left: -53px
}

.resume-analyze .main-content .personal-better .origin-describe-container
	{
	height: 190px
}

.resume-analyze .main-content .personal-better .describe-title {
	font-size: 16px;
	font-weight: 500;
	color: #414a60;
	margin-bottom: 4px
}

.resume-analyze .main-content .personal-better .origin-describe-container .content
	{
	width: 664px;
	height: 140px;
	background: #f8f9fb;
	padding: 14px;
	line-height: 20px;
	font-size: 14px;
	font-weight: 400;
	color: #414a60;
	overflow-y: scroll
}

.resume-analyze .main-content .personal-better .parser-describe-container
	{
	height: 280px;
	padding-top: 20px;
	position: relative
}

.resume-analyze .main-content .personal-better .parser-describe-container .ipt
	{
	height: 140px;
	padding: 14px;
	font-size: 14px;
	font-weight: 400;
	color: #414a60;
	line-height: 20px
}

.resume-analyze .main-content .personal-better .parser-describe-container .error-tips
	{
	display: flex;
	align-items: center;
	font-size: 12px;
	line-height: 20px;
	color: #9fa3b0
}

.resume-analyze .main-content .personal-better .parser-describe-container .error-tips .icon
	{
	display: inline-block;
	width: 14px;
	height: 14px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-error.4af2d3d7.png)
		no-repeat;
	background-size: cover
}

.resume-analyze .main-content .personal-better .parser-describe-container .textarea-container
	{
	position: relative;
	width: 840px;
	margin: 0 auto
}

.resume-analyze .main-content .personal-better .parser-describe-container .count-number
	{
	bottom: -24px;
	position: absolute;
	right: 0;
	color: #9fa3b0
}

.resume-analyze .dialog-warp {
	position: fixed;
	background: rgba(0, 0, 0, .4);
	z-index: 9999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.resume-analyze .finsh-modal .container {
	width: 460px;
	height: 180px;
	background: #fff;
	z-index: 99999;
	position: absolute;
	top: 300px;
	left: 50%;
	transform: translateX(-50%)
}

.resume-analyze .finsh-modal .container .title {
	padding: 30px 0 2px 30px;
	font-size: 15px;
	font-weight: 400;
	color: #414a60;
	display: flex;
	align-items: center
}

.resume-analyze .finsh-modal .container .title .ok-icon {
	display: inline-block;
	width: 22px;
	height: 22px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-finsh.f6561814.png)
		no-repeat;
	margin-right: 20px
}

.resume-analyze .finsh-modal .container .text-msg {
	font-size: 13px;
	font-weight: 400;
	color: #61687c;
	padding-left: 72px;
	margin-bottom: 38px;
	text-align: left
}

.resume-analyze .finsh-modal .container .goToResume {
	width: 120px;
	height: 34px;
	background: #5dd5c8;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	margin-left: 310px;
	cursor: pointer
}

.resume-analyze .similar-modal .container {
	width: 670px;
	height: 507px;
	background: #fff;
	z-index: 99999;
	position: absolute;
	top: 15%;
	left: 50%;
	transform: translateX(-50%);
	padding: 24px 0 0 30px
}

.resume-analyze .similar-modal .isProjectExperience {
	height: 443px
}

.resume-analyze .similar-modal .isEducateExperience {
	height: 350px
}

.resume-analyze .similar-modal .container .icon-close {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer
}

.resume-analyze .similar-modal .container .title {
	font-size: 18px;
	font-weight: 400;
	color: #414a60
}

.resume-analyze .similar-modal .container .content {
	width: 610px;
	height: 364px;
	background: #f8f9fb;
	overflow-y: scroll;
	padding: 20px;
	margin-bottom: 20px
}

.resume-analyze .similar-modal .isProjectExperience .content {
	height: 300px
}

.resume-analyze .similar-modal .isEducateExperience .content {
	height: 92px;
	margin-bottom: 135px;
	overflow: hidden
}

.resume-analyze .similar-modal .isEducateExperience .title {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 400;
	color: #414a60;
	font-family: PingFangSC-Regular
}

.resume-analyze .similar-modal .isEducateExperience .educate {
	font-size: 15px;
	font-family: PingFangSC-Medium;
	font-weight: 500;
	color: #414a60
}

.resume-analyze .similar-modal .isEducateExperience .educate .scholl {
	font-size: 15px
}

.resume-analyze .similar-modal .isEducateExperience .educate .year {
	font-size: 12px;
	font-weight: 400;
	color: #8d92a1
}

.resume-analyze .similar-modal .isEducateExperience .educate .line {
	display: inline-block;
	width: 1px;
	height: 13px;
	background: #e0e0e0;
	margin: 0 20px;
	vertical-align: middle
}

.resume-analyze .similar-modal .isEducateExperience .educate .degree {
	font-size: 14px
}

.resume-analyze .similar-modal .isEducateExperience .educate .degree,
	.similar-modal .isEducateExperience .educate .major {
	vertical-align: middle
}

.resume-analyze .similar-modal .container .content .first-line-title .name
	{
	font-size: 15px;
	font-weight: 500;
	color: #414a60;
	margin-right: 20px
}

.resume-analyze .similar-modal .container .content .first-line-title .time
	{
	font-size: 12px;
	font-weight: 400;
	color: #8d92a1
}

.resume-analyze .similar-modal .container .content .second-line-title {
	margin: 8px 0;
	font-size: 15px;
	font-weight: 500;
	color: #414a60;
	display: flex;
	align-items: center
}

.resume-analyze .similar-modal .container .content .second-line-title .line
	{
	margin: 0 20px;
	width: 1px;
	height: 13px;
	background: #e0e0e0
}

.resume-analyze .similar-modal .container .content .describe .describe-title
	{
	font-weight: 500
}

.resume-analyze .similar-modal .container .content .describe .describe-content
	{
	color: #61687c;
	line-height: 24px;
	word-break: break-all;
	word-wrap: break-word
}

.resume-analyze .similar-modal .container .content .second-describe {
	margin-top: 30px
}

.resume-analyze .similar-modal .container .emphasis {
	display: flex;
	margin-top: 20px
}

.resume-analyze .similar-modal .container .emphasis-item {
	padding: 0 15px;
	border-radius: 10px;
	border: 1px solid #8d92a1;
	font-size: 12px;
	font-weight: 400;
	color: #8d92a1;
	margin-right: 10px;
	height: 20px;
	line-height: 20px
}

.resume-analyze .similar-modal .buttons {
	display: flex;
	justify-content: flex-end;
	text-align: center;
	line-height: 34px
}

.resume-analyze .similar-modal .buttons button:last-child {
	margin: 0 30px 0 20px
}

.position-dialog .dialog-container {
	padding: 0
}

.position-dialog .dialog-container .dialog-body {
	max-height: none
}

.position-dialog .dialog-container .dialog-header .close {
	z-index: 2000
}

.position-dialog .position-selecter {
	position: relative;
	width: 890px;
	background-color: #fff;
	z-index: 1003;
	color: #414a60
}

.position-dialog .position-selecter .position-title {
	height: 46px;
	line-height: 26px;
	padding: 10px 23px;
	position: relative
}

.position-dialog .position-selecter .position-title .title {
	font-weight: 400;
	float: left
}

.position-dialog .position-selecter .position-title .position-search {
	margin-left: 147px
}

.position-dialog .position-selecter .position-title .position-search .position-input
	{
	position: relative;
	display: inline-block;
	width: 250px;
	height: 30px
}

.position-dialog .position-selecter .position-title .position-search .position-input .ui-icon-search
	{
	position: absolute;
	right: 12px;
	top: 7px;
	z-index: 1;
	font-size: 16px;
	color: #9fa3af
}

.position-dialog .position-selecter .position-title .position-search .position-input .ui-select
	{
	display: block;
	width: 100%
}

.position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-selection
	{
	border: none
}

.position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-selection.ui-select-selection-focused
	{
	box-shadow: unset
}

.position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-selection .ui-select-inner
	{
	padding: 0
}

.position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-selection .ui-select-inner input
	{
	height: 30px;
	width: 100%;
	padding: 5px 30px 5px 20px;
	border: 1px solid #e1e6ea;
	border-radius: 15px;
	font-size: 12px;
	cursor: text
}

.position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-selection .ui-select-inner input:focus
	{
	border-color: #00d7c6;
	box-shadow: 1px 2px 3px #d7f4f1
}

.position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-selection .ui-select-inner .ui-icon-arrow-down
	{
	display: none
}

.position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-dropdown
	{
	box-shadow: 1px 2px 14px rgba(0, 0, 0, .11);
	max-height: 400px;
	margin: 0;
	padding: 0;
	top: 34px
}

.position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-dropdown .ui-dropdown-list li
	{
	padding: 10px 2px 9px 24px;
	background-color: #fff;
	cursor: pointer
}

.position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-dropdown .ui-dropdown-list li:hover
	{
	background-color: #f2f5f9
}

.position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-dropdown .ui-dropdown-list li .p-name
	{
	line-height: 20px;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-dropdown .ui-dropdown-list li .p-name .h
	{
	color: #18c3b1
}

.position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-dropdown .ui-dropdown-list li .p-des
	{
	display: block;
	margin-top: 3px;
	line-height: 18px;
	font-size: 12px;
	color: #9fa3b0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.position-dialog .position-selecter .position-title .position-search .ui-dropdown-not-found
	{
	padding: 10px 8px;
	cursor: default
}

.position-dialog .position-selecter .position-content {
	overflow: hidden;
	min-height: 500px;
	max-height: 700px;
	display: flex
}

.position-dialog .position-selecter .position-content .position-category-wrap
	{
	width: 150px;
	max-height: 500px;
	padding-top: 10px;
	overflow-y: auto;
	background-color: #f9fafb
}

.position-dialog .position-selecter .position-content .position-category-wrap li
	{
	position: relative;
	white-space: nowrap;
	height: 40px;
	line-height: 40px;
	color: #424a5e;
	padding-left: 23px;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer
}

.position-dialog .position-selecter .position-content .position-category-wrap li.active
	{
	background-color: #fff
}

.position-dialog .position-selecter .position-content .position-category-wrap li.active:before
	{
	content: "";
	position: absolute;
	height: 100%;
	width: 4px;
	background-color: #5dd5c8;
	left: 0;
	top: 0
}

.position-dialog .position-selecter .position-content .position-list-wrap
	{
	flex: 1;
	max-height: 500px;
	overflow-y: auto;
	padding: 10px 22px 22px
}

.position-dialog .position-selecter .position-content .position-list-wrap .navs
	{
	height: 40px;
	zoom: 1;
	overflow: hidden
}

.position-dialog .position-selecter .position-content .position-list-wrap .navs span
	{
	width: 25%;
	float: left;
	line-height: 40px;
	cursor: pointer;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.position-dialog .position-selecter .position-content .position-list-wrap .navs span:hover
	{
	color: #5dd5c8
}

.position-dialog .position-selecter .position-content .position-list-wrap .navs span.stage-three:before
	{
	content: "+";
	display: inline-block;
	width: 12px;
	height: 12px;
	color: #2cc7b7;
	border: 1px solid #2cc7b7;
	line-height: 9px;
	text-align: center;
	margin-right: 5px
}

.position-dialog .position-selecter .position-content .position-list-wrap .navs span.stage-three.active:before
	{
	content: "-"
}

.position-dialog .position-selecter .position-content .position-list-wrap .navs span.stage-two.active
	{
	color: #2cc7b7
}

.position-dialog .position-selecter .position-content .position-list-wrap .navs span.stage-title
	{
	width: 100%;
	font-size: 13px;
	color: #00c2b3;
	padding-left: 21px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-light.8fa14f47.png)
		no-repeat 0;
	background-size: 11px auto;
	cursor: default
}

.position-dialog .position-selecter .position-content .position-list-wrap .position-list
	{
	border: 1px solid #f3f3f3;
	zoom: 1;
	overflow: hidden;
	padding: 8px 0
}

.position-dialog .position-selecter .position-content .position-list-wrap .position-list span
	{
	display: inline-block;
	width: 25%;
	float: left;
	padding: 6px 0 6px 17px;
	color: #9fa3af;
	line-height: 40px;
	cursor: pointer;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.position-dialog .position-selecter .position-content .position-list-wrap .position-list span.active
	{
	color: #2cc7b7
}

.industry-selecter .dialog-container {
	padding: 0;
	width: 850px;
	background-color: #fff;
	box-shadow: 0 0 14px rgba(0, 0, 0, .11)
}

.industry-selecter .dialog-container .dialog-header {
	height: 60px;
	line-height: 59px;
	border-bottom: 1px solid #f5f6f9
}

.industry-selecter .dialog-container .dialog-header .title {
	font-size: 16px;
	color: #434a5e;
	padding-left: 20px;
	font-weight: 400
}

.industry-selecter .dialog-container .dialog-header .close {
	top: 16px;
	overflow: hidden
}

.industry-selecter .dialog-container .dialog-header .close:hover {
	background-color: #ddd
}

.industry-selecter .dialog-container .dialog-header .close .icon-close {
	vertical-align: unset;
	position: unset
}

.industry-selecter .industry-title {
	height: 60px;
	border-bottom: 1px solid #f5f6f9;
	position: relative
}

.industry-selecter .industry-title .title {
	color: #434a5e;
	font-size: 16px;
	font-weight: 400;
	padding-left: 20px;
	line-height: 60px
}

.industry-selecter .industry-title .btn-close {
	position: absolute;
	width: 24px;
	height: 24px;
	right: 15px;
	top: 10px;
	font-size: 24px;
	color: #e1e6ea;
	cursor: pointer
}

.industry-selecter .industry-title .btn-close:hover i {
	background-color: #ddd;
	color: #414a60;
	transition: all .2s linear
}

.industry-selecter .industry-content {
	background-color: #fff
}

.industry-selecter .industry-content .industry-tip {
	height: 48px;
	padding: 0 20px
}

.industry-selecter .industry-content .industry-tip .confirm {
	float: right;
	height: 24px;
	line-height: 24px;
	padding: 0 20px;
	color: #fff;
	border-radius: 12px;
	margin-top: 12px;
	cursor: pointer;
	background-color: #5dd5c8
}

.industry-selecter .industry-content .industry-tip .ui-select {
	width: auto
}

.industry-selecter .industry-content .industry-tip .ui-select .ui-select-dropdown
	{
	width: 220px !important
}

.industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection
	{
	border: none
}

.industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection.ui-select-selection-focused
	{
	box-shadow: unset
}

.industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection .ui-select-inner
	{
	padding: 0
}

.industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection .ui-select-inner .ui-tag
	{
	height: 24px;
	padding: 0 10px;
	margin-right: 12px;
	border-radius: 12px;
	background-color: unset;
	border: 1px solid #9ee6de;
	color: #00c2b3;
	line-height: 22px
}

.industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection .ui-select-inner .ui-tag .ui-tag-text
	{
	display: inline-block;
	max-width: 80px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: top
}

.industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection .ui-select-inner .ui-tag .ui-icon-close
	{
	width: 12px;
	height: 12px;
	margin: 2px -2px 0 0
}

.industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection .ui-select-inner .ui-tag:last-of-type
	{
	margin-right: 0
}

.industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection .ui-select-inner .ui-select-input
	{
	width: 40px !important
}

.industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection .ui-select-inner .ui-select-input:focus
	{
	box-shadow: unset;
	border: none
}

.industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection .ui-select-inner .ui-icon-arrow-down
	{
	display: none
}

.industry-selecter .industry-content .industry-tip .ui-select .ui-select-dropdown
	{
	margin-top: 10px
}

.industry-selecter .industry-content .industry-tip .tip-txt {
	color: #d1d4db;
	font-size: 14px;
	line-height: 48px
}

.industry-selecter .industry-content .industry-panel {
	max-height: 442px;
	overflow-y: auto
}

.industry-selecter .industry-content .industry-panel .industry-item {
	font-size: 14px;
	display: table;
	width: 100%
}

.industry-selecter .industry-content .industry-panel .industry-item:nth-child(odd)
	{
	background-color: #f9fafb
}

.industry-selecter .industry-content .industry-panel .industry-item .industry-category
	{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 200px;
	border-right: 1px solid #f5f6f9
}

.industry-selecter .industry-content .industry-panel .industry-item .industry-category-item
	{
	padding: 15px 20px 5px;
	line-height: 26px
}

.industry-selecter .industry-content .industry-panel .industry-item .industry-category-item span
	{
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 32%;
	overflow: hidden;
	cursor: pointer
}

.industry-selecter .industry-content .industry-panel .industry-item .industry-category-item span.active,
	.industry-selecter .industry-content .industry-panel .industry-item .industry-category-item span:hover
	{
	color: #00c2b3
}

.skill-tag-selecter .ui-select {
	width: 100%;
	display: block
}

.skill-tag-selecter .ui-select .ui-select-dropdown {
	max-height: 300px
}

.skill-tag-selecter .ui-select .ui-select-item {
	width: 20%;
	float: left;
	clear: none;
	padding: 0 0 0 10px;
	height: 40px
}

.skill-tag-selecter .ui-select .ui-select-item:hover {
	background-color: unset
}

.skill-tag-selecter .ui-select .ui-select-item .ui-tag {
	display: block;
	padding: 0 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 10px;
	background: none;
	border: 1px solid #fff
}

.skill-tag-selecter .ui-select .ui-select-item .ui-tag:hover {
	background-color: #f2f5fa;
	border-color: #f2f5fa
}

.skill-tag-selecter .ui-select .ui-select-item-selected .ui-tag,
	.skill-tag-selecter .ui-select .ui-select-item-selected .ui-tag:hover {
	color: #00c2b3;
	border-color: #9ee6de;
	background-color: #fff
}

.skill-tag-selecter .ui-select .ui-dropdown-not-found {
	padding: 0
}

.skill-tag-selecter .ui-select .ui-dropdown-not-found .tip-box {
	background-color: #f2f5fa;
	line-height: 40px;
	padding: 0 17px;
	text-align: left;
	font-size: 14px
}

.skill-tag-selecter .ui-select .ui-dropdown-not-found .tip-box span {
	float: right;
	color: #d1d4db
}

.skill-tag-selecter .ui-select .ui-dropdown-not-found .tip-box i {
	color: #16c3b1;
	font-style: normal
}

.skill-tag-selecter .ui-select-multiple .ui-select-item-selected:after {
	display: none
}

.serial-selecter .serial-toolbar {
	height: 39px;
	border: 1px solid #e3e7ed;
	border-bottom: none;
	background-color: #f8f9fb;
	padding-left: 4px
}

.serial-selecter .serial-toolbar .serial-btn {
	position: relative;
	display: inline-block;
	width: 35px;
	height: 38px;
	font-size: 20px;
	line-height: 38px;
	text-align: center;
	cursor: pointer;
	color: #9fa3b0
}

.serial-selecter .serial-toolbar .serial-btn:hover {
	color: #00c2b3
}

.serial-selecter .serial-toolbar .serial-btn:hover .tip {
	display: block
}

.serial-selecter .serial-toolbar .serial-btn .tip {
	position: absolute;
	z-index: 1;
	top: -30px;
	left: -18px;
	display: none;
	font-style: normal;
	font-size: 14px;
	cursor: pointer;
	width: 70px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #61687c;
	background-color: #fff;
	border: 1px solid #f3f4f6;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .06)
}

.serial-selecter .serial-toolbar .serial-btn .tip:hover {
	color: #00c2b3
}

.serial-selecter .serial-toolbar .serial-btn .tip:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -20px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top-color: #fff;
	z-index: 2
}

.scope-selecter {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center
}

.scope-selecter .scope-separator {
	display: block;
	margin: 0 10px
}

.scope-selecter .scope-select {
	flex: 1;
	height: 100%
}

.scope-selecter .scope-select .ui-select-selection {
	height: 100%
}

.scope-selecter .scope-select .ui-select-selection .ui-select-inner {
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0
}

.scope-selecter .scope-select .ui-select-selection .ui-select-inner span
	{
	margin-left: 15px
}

.scope-selecter .scope-select .ui-select-selection .ui-select-inner span.ui-select-placeholder
	{
	color: #8d92a1
}

body {
	background-color: #f6f6f8;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.inner {
	width: 1184px;
	margin: 0 auto
}

.inner:after {
	content: "";
	display: block;
	clear: both;
	overflow: hidden
}

.vline {
	width: 1px;
	height: 12px;
	vertical-align: middle;
	background: #e0e0e0;
	margin: 0 10px
}

.vdot, .vline {
	display: inline-block
}

.vdot {
	padding: 0 10px 0 7px
}

.clear-fix:after {
	content: "";
	display: block;
	overflow: hidden;
	visibility: hidden;
	clear: both
}

#wrap {
	position: relative;
	min-width: 1184px;
	height: 100%;
	overflow: visible;
	overflow-x: hidden
}

#wrap.mobile-wrap {
	min-width: auto
}

#container {
	position: relative
}

#container::-webkit-scrollbar {
	width: 6px
}

#main {
	min-height: calc(100vh - 300px)
}

#app, #app .data-tips {
	height: 100%
}

.page-container {
	max-width: 1184px;
	min-height: calc(100vh - 56px);
	margin: 0 auto
}

.prev-line {
	display: inline-block;
	vertical-align: middle;
	max-width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.prev-dot:before, .prev-line:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin: -2px 10px 0
}

.prev-dot:first-of-type:before, .prev-line:first-of-type:before {
	display: none
}

.prev-line:before {
	width: 1px;
	height: 12px;
	background-color: #e0e0e0
}

.prev-dot:before {
	width: 3px;
	height: 3px;
	border-radius: 100%;
	background-color: #414a60;
	opacity: .8;
	margin: -2px 6px 0
}

.detail-box {
	margin-left: 296px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: 100%
}

.btn-buy {
	background-color: #ff6223;
	border-color: #ff6223;
	color: #fff;
	min-width: 104px
}

.btn-buy:hover {
	background-color: #ff9063;
	border-color: #ff9063
}

.btn-buy.btn-outline {
	background-color: #fff;
	color: #ff6223
}

.btn-buy.btn-outline:hover {
	border-width: 2px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-color: #ff6223
}

.dialog-wrap {
	z-index: 1001
}

.dialog-wrap .dialog-footer {
	border-top: 0
}

.dialog-footer .btn.btn-outline {
	transition: none
}

.dialog-title .close {
	position: absolute;
	width: 24px;
	height: 24px;
	right: 8px;
	top: 8px;
	z-index: 1
}

.icon-close {
	display: inline-block;
	width: 24px;
	height: 24px;
	position: relative;
	vertical-align: top
}

.icon-close:after, .icon-close:before {
	content: "";
	position: absolute;
	width: 16px;
	height: 1px;
	background: #d1d4db;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 4px;
	top: 12px
}

.icon-close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.dialog-title .close:hover {
	background-color: #ddd
}

.dialog-title .close:hover .icon-close:after, .dialog-title .close:hover .icon-close:before
	{
	background: #363636
}

@media ( max-width :1170px) {
	#footer .inner, #header .inner, .job-banner .inner {
		padding: 0 15px
	}
}

#header {
	width: 100%;
	height: 49px;
	background: #202429;
	box-shadow: 0 1px 8px rgba(0, 0, 0, .06);
	position: relative;
	z-index: 105
}

#header a {
	color: #fff
}

#header a:hover {
	color: #00d7c6
}

.logo {
	float: left;
	padding: 6px 0 0
}

.logo a {
	display: block;
	width: 110px;
	height: 36px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/logo-2x.0bd629ae.png)
		3px 7px no-repeat;
	background-size: 105px 19px
}

.ie .logo a {
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/logo-x.8d744ad5.png)
		3px 7px no-repeat
}

.logo span {
	display: none
}

.nav, .user-nav {
	font-size: 0;
	float: left;
	margin-left: 15px;
	height: 49px;
	line-height: 49px
}

.nav ul, .user-nav ul {
	white-space: nowrap
}

.nav li, .nav ul, .user-nav li, .user-nav ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top
}

.nav li, .user-nav li {
	text-align: center;
	font-size: 14px;
	margin: 0 7px
}

.user-nav li.nav-dot {
	color: #fff;
	margin: 0 0 0 -8px;
	font-size: 18px
}

.user-nav li a.header-resume-upload {
	margin-left: -8px
}

.nav ul {
	float: left
}

.nav .nav-find:after, .nav .nav-school-new:after {
	content: "New";
	width: 30px;
	height: 14px;
	box-sizing: border-box;
	position: absolute;
	top: 8px;
	right: -20px;
	line-height: 13px;
	background-color: #ef505e;
	color: #fff;
	font-size: 12px;
	border-radius: 7px
}

.nav .nav-find:after {
	content: "hot"
}

#header .school-nav-box {
	width: 450px;
	padding: 5px;
	position: absolute;
	background-color: #fff;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
	display: none
}

#header .school-nav-box:before {
	content: "";
	position: absolute;
	width: 27px;
	height: 15px;
	left: 0;
	right: 0;
	top: -15px;
	margin: auto;
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/dialog-arrow-up.bf20805f.png)
}

#header .school-nav-box .img-box {
	height: 92px
}

#header .school-nav-box .img-box.xiaoyuan {
	margin-bottom: 5px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/banner-xiaoyuan.6d0c737d.jpg)
}

#header .school-nav-box .img-box.renshebu {
	margin-bottom: 5px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/banner-minying.563d9ace.jpg)
}

#header .school-nav-box .img-box.yangshi {
	margin-bottom: 5px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/banner-yangshi_v2.98a734d0.jpg)
}

#header .school-nav-box .img-box.fupin {
	margin-bottom: 0;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/banner-fupin@1.5x.ce18e44d.jpg)
		no-repeat;
	background-size: 100% 100%
}

#header .overseas-nav-box {
	box-sizing: border-box;
	width: 232px;
	height: 90px;
	padding: 18px 24px 0 82px;
	position: absolute;
	background: linear-gradient(270deg, #cbf1ed, #fff);
	box-shadow: 0 1px 4px 2px rgba(0, 0, 0, .08);
	display: none;
	border-radius: 4px
}

#header .overseas-nav-box:before {
	content: "";
	position: absolute;
	width: 27px;
	height: 15px;
	left: 25px;
	right: 0;
	top: -11px;
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/dialog-arrow-up.bf20805f.png);
	transform: scale(.5)
}

#header .overseas-nav-box .close {
	cursor: pointer;
	width: 8px;
	height: 8px;
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons-close.8bc8e12a.png);
	background-size: 100% auto;
	background-position: bottom;
	position: absolute;
	right: 9px;
	top: 9px
}

#header .overseas-nav-box .close:hover {
	background-position: top
}

#header .overseas-nav-box img {
	width: 73px;
	height: auto;
	position: absolute;
	left: 3px;
	top: 18px
}

#header .overseas-nav-box h4 {
	color: #333;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 13px
}

#header .overseas-nav-box a {
	background-color: #5dd5c8;
	border-radius: 10.5px;
	font-size: 12px;
	height: 21px;
	line-height: 21px;
	padding: 0 10px;
	float: right;
	color: #fff;
	cursor: pointer
}

#header .overseas-nav-box a:hover {
	color: #fff
}

.nav li:last-of-type {
	margin-right: 0
}

.nav li a, .user-nav li a {
	display: block;
	padding: 0 5px;
	position: relative;
	*font-family: PingFang SC, HanHei SC, STHeitiSC-Light, Microsoft Yahei,
		arial, verdana, helvetica, sans-serif
}

.nav li a:hover, .user-nav li a:hover {
	color: #00d7c6
}

.nav li.cur a, .nav li.cur a:hover {
	color: #00d7c6 !important
}

#header .user-nav li.cur a, #header .user-nav li.cur a:hover {
	color: #00d7c6
}

.user-nav {
	float: right
}

.user-nav .btns .vline {
	margin-top: -8px;
	background: none
}

.user-nav .btns .link-scan {
	display: inline-block;
	font-size: 14px;
	margin-right: 10px
}

.user-nav .btns .link-publish {
	display: inline-block;
	font-size: 13px
}

.user-nav .btns .btn-outline {
	border-radius: 15px;
	text-align: center;
	font-size: 13px;
	height: 23px;
	line-height: 23px;
	padding: 0 9px 0 11px;
	min-width: 0;
	margin-left: 17px;
	color: #9fa3b0
}

.user-nav .btns .btn-outline:hover {
	color: #fff
}

.user-nav li.nav-figure {
	margin-right: 0;
	position: relative
}

.user-nav a {
	font-size: 14px
}

.user-nav .link-sign-resume {
	position: relative;
	margin-right: 20px
}

.user-nav .new {
	display: none;
	position: absolute;
	top: -9px;
	right: -20px;
	height: 14px;
	padding: 0 6px;
	line-height: 14px;
	background-color: #ef505e;
	color: #fff;
	font-size: 12px;
	border-radius: 7px
}

.user-nav .btns-tip {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background-color: #fd896b;
	margin-left: 2px;
	position: absolute;
	top: 15px
}

.nav-figure .label-text {
	margin-top: -2px;
	padding-right: 20px;
	vertical-align: middle;
	*margin-top: -3px;
	max-width: 130px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	white-space: nowrap
}

.nav-figure img {
	width: 26px;
	height: 26px;
	border-radius: 100%;
	vertical-align: middle;
	*margin-top: -2px
}

.nav-figure .dropdown {
	display: none !important
}

.nav-figure.selected .dropdown {
	display: block !important
}

.nav-city {
	float: left;
	position: relative;
	cursor: pointer;
	height: 49px;
	line-height: 49px;
	color: #00d7c6
}

.nav-city .icon-poi {
	display: inline-block;
	vertical-align: top;
	width: 15px;
	height: 23px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-poi.537f6cce.png)
		0 -165px;
	margin: 17px 3px 0 12px
}

.nav-city .switchover-city {
	font-size: 12px;
	color: #fff;
	margin-left: 10px
}

.nav-city .city-box {
	font-size: 14px;
	display: none
}

.user-nav .nav-chat-num {
	display: none;
	position: absolute;
	top: 10px;
	right: -14px;
	height: 14px;
	padding: 0 6px;
	line-height: 14px;
	background-color: #ef505e;
	color: #fff;
	font-size: 12px;
	border-radius: 7px
}

#header .nav-figure.selected a {
	color: #00c2b3
}

.nav-figure .dropdown {
	display: none;
	position: absolute;
	width: 234px;
	left: auto;
	right: 0;
	top: 49px;
	z-index: 2;
	text-align: left;
	-webkit-box-shadow: 1px 2px 14px rgba(0, 0, 0, .11);
	box-shadow: 1px 2px 14px rgba(0, 0, 0, .11);
	background-color: #f2f5fa
}

#header .nav-figure .dropdown a {
	position: relative;
	padding: 10px 25px;
	line-height: 22px;
	color: #414a60;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: #fff
}

#header .nav-figure .dropdown a span {
	display: block;
	font-size: 12px;
	color: #9fa3b0;
	line-height: 22px
}

#header .nav-figure .dropdown a:hover {
	background-color: #f2f5fa;
	color: #414a60
}

#header .nav-figure .dropdown a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 25px;
	right: 25px;
	height: 1px;
	background-color: #f2f5fa
}

#header .nav-figure .dropdown a.link-logout, #header .nav-figure .dropdown a.link-recruit
	{
	margin-top: 6px
}

#header .nav-figure .dropdown a.link-logout:after, #header .nav-figure .dropdown a.link-recruit:after
	{
	bottom: auto;
	left: 0;
	right: 0;
	top: -6px;
	height: 6px;
	background-color: #f2f5fa
}

#header .nav-figure .dropdown a.link-logout:hover, #header .nav-figure .dropdown a.link-recruit:hover
	{
	background-color: #fff;
	color: #00d7c6
}

#header .header-resume-new {
	position: relative;
	margin-right: 20px;
	display: inline-block;
	white-space: nowrap;
	vertical-align: top
}

#header .header-resume-new a {
	display: block;
	cursor: pointer
}

#header .header-resume-new a:hover .header-resume-tip {
	display: block
}

#header .header-resume-new a .new {
	top: 8px;
	right: -28px
}

#header .header-resume-new .header-resume-tip {
	display: none;
	position: absolute;
	height: 30px;
	right: -38px;
	white-space: nowrap;
	font-size: 13px;
	color: #fff;
	line-height: 18px;
	background: #5e96f2;
	line-height: 30px;
	padding: 0 20px;
	top: 37px
}

#header .header-resume-new .header-resume-tip:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent transparent #5e96f2;
	border-style: solid;
	border-width: 0 6px 6px;
	top: -4px;
	right: 70px
}

#header .header-resume-new .header-resume-tip .header-resume-btn {
	display: inline-block;
	height: 20px;
	border-radius: 2px;
	border: 1px solid #fff;
	line-height: 18px;
	margin-left: 20px;
	padding: 0 2px;
	font-size: 12px
}

#header .header-resume-new .header-resume-tip .header-resume-btn:hover {
	background: #fff;
	color: #5e96f2
}

.nav-search {
	float: left;
	position: relative;
	width: 200px !important;
	padding: 10px 0 0 30px !important
}

.nav-search .btn-search {
	width: 28px;
	height: 26px;
	background-position: 10px -1719px;
	background-color: transparent;
	position: absolute;
	top: 10px;
	right: 10px;
	*top: 11px
}

.nav-search .ipt-search {
	border: 1px solid #5dd5c8;
	width: 173px;
	height: 20px;
	padding: 3px 12px;
	line-height: 20px;
	border-radius: 20px;
	font-size: 12px;
	background: transparent;
	color: #9fa3b0
}

.nav-search .ipt-search:focus {
	border-color: #53cac3
}

.nav-search .suggest-result {
	width: 221px;
	left: 30px;
	top: 49px
}

.nav-search .suggest-result ul {
	max-height: 240px;
	overflow: auto
}

.nav-search .suggest-result li {
	padding: 0 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.nav-search .ipt-wrap {
	margin-top: 0 !important
}

.recruit-tip {
	display: none;
	position: absolute;
	white-space: normal;
	bottom: 0;
	left: -315px;
	width: 298px;
	height: 280px;
	text-align: center;
	border: 1px solid #f6f6f6;
	line-height: 20px;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .08)
}

.recruit-tip img {
	width: 280px;
	height: 180px;
	border-radius: 0;
	margin-top: 8px
}

.recruit-tip span {
	display: block;
	padding: 0 30px;
	margin-top: 12px
}

.recruit-tip:after {
	content: "";
	position: absolute;
	right: -8px;
	top: 205px;
	width: 14px;
	height: 14px;
	background-color: #fff;
	transform: rotate(45deg)
}

.user-nav .dropdown-help-and-feedback {
	margin: 0 10px;
	cursor: pointer;
	position: relative;
	color: #fff
}

.user-nav .dropdown-help-and-feedback .dropdown-select:hover {
	color: #00d7c6
}

.user-nav .dropdown-help-and-feedback .dropdown-menu {
	width: 100px;
	box-shadow: 1px 2px 14px rgba(0, 0, 0, .11);
	background: #fff;
	position: absolute;
	top: 54px;
	right: -15px;
	z-index: 2;
	display: none
}

.user-nav .dropdown-help-and-feedback .dropdown-menu:before {
	content: "";
	position: absolute;
	top: -9px;
	left: 42px;
	border: 9px solid transparent;
	border-top: none;
	border-bottom: 9px solid #fff
}

.user-nav .dropdown-help-and-feedback .dropdown-menu .dropdown-menu-item
	{
	width: 100px;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	color: #9fa3b0;
	z-index: 2
}

.user-nav .dropdown-help-and-feedback .dropdown-menu .dropdown-menu-item:hover
	{
	background-color: #f2f5fa;
	color: #414a60
}

.not-chat-router .user-nav .dropdown-help-and-feedback {
	display: none
}

#footer {
	background: #fff;
	padding: 20px 0 10px;
	margin-top: 43px;
	z-index: 22;
	color: #8d92a1;
	border-top: 1px solid #f6f6f8
}

#footer, #footer .home-inner {
	position: relative
}

.page-white #footer {
	margin-top: 0;
	position: static
}

.footer-icon {
	margin-top: 20px
}

.footer-social {
	position: absolute;
	font-size: 12px;
	text-align: right;
	right: 0;
	top: 0
}

.footer-social img {
	margin: 6px 0 7px;
	width: 88px;
	height: 16px
}

.footer-social p img {
	width: 100px;
	height: 100px
}

.footer-social p {
	text-align: right;
	padding: 0;
	font-size: 13px
}

.footer-social p span {
	font-size: 13px;
	padding-left: 5px
}

.footer-social a {
	-webkit-transition: none;
	transition: none
}

.icon-app, .icon-weibo, .icon-weixin {
	display: inline-block;
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons.69b3aa96.png);
	background-repeat: no-repeat;
	width: 42px;
	height: 42px;
	line-height: 42px;
	border: 1px solid #eaebee;
	border-radius: 100%;
	margin-left: 23px;
	vertical-align: top
}

.icon-weibo {
	background-position: 10px -190px
}

.icon-app span, .icon-weibo span, .icon-weixin span {
	display: none
}

.icon-app:hover, .icon-weibo:hover, .icon-weixin:hover {
	border-color: #cbcdd4
}

.icon-weixin {
	background-position: 10px -254px;
	position: relative
}

.icon-app {
	background-position: 6px -313px
}

.qrcode-weixin {
	display: none;
	position: absolute;
	right: -25px;
	bottom: 50px;
	width: 100px;
	height: 100px;
	background: #fff
}

.icon-weixin:hover .qrcode-weixin {
	display: block
}

.copyright {
	color: #eeeff3;
	font-size: 12px;
	margin-top: 20px
}

.copyright img {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin: -5px 0 0
}

.copyright span {
	color: #8d92a1;
	display: inline-block;
	margin-right: 15px
}

.copyright span.netpolice {
	margin-left: -10px
}

.copyright .link-beian:hover {
	color: #ddd
}

.copyright .link-chengxin {
	display: inline-block;
	margin-left: 10px
}

.copyright .link-chengxin img {
	height: 30px;
	display: inline-block;
	margin-bottom: -10px
}

.footer-logo {
	padding: 12px 0;
	width: 200px
}

.ie7 .footer-social a {
	margin-left: 0;
	margin-right: 23px
}

.ie7 .footer-social a.icon-app {
	margin-right: 0
}

.footer-about dl {
	width: 192px;
	float: left
}

.footer-about dl dt {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #414a60;
	margin-bottom: 10px
}

.footer-about dl dd a, .footer-about dl dd p {
	display: block;
	width: 100%;
	font-size: 12px;
	color: #8d92a1;
	height: 24px;
	line-height: 24px;
	white-space: nowrap
}

.footer-about dl dd .report-mail {
	display: inline;
	font-size: 12px;
	color: #8d92a1;
	height: 24px;
	line-height: 24px;
	white-space: nowrap
}

.footer-about dl dd a:hover {
	color: #00d7c6
}

.sider-box {
	background: #fff;
	padding: 20px;
	margin-bottom: 16px;
	position: relative
}

.sider-box .sider-title {
	height: 20px;
	font-size: 14px;
	font-weight: 500;
	color: #414a60;
	line-height: 20px;
	align-items: center;
	display: flex
}

.sider-box .sider-title em {
	font-style: normal;
	flex: 1
}

.sider-box .sider-title span {
	font-size: 13px;
	color: #9fa3af;
	margin-left: 4px
}

.sider-box .btns {
	text-align: center;
	margin: 16px 0 0
}

.sider-box .btns .btn {
	width: 100%;
	margin-top: 16px
}

.sider-box .btns .btn:first-child {
	margin-top: 0
}

#siderbar {
	position: fixed;
	top: 49px;
	right: 0;
	background-color: #fff;
	box-shadow: -1px 0 8px rgba(0, 0, 0, .03);
	height: 100%;
	z-index: 104
}

#siderbar .siderbar-bottom li, #siderbar .siderbar-top li {
	display: block;
	position: relative;
	font-size: 12px;
	color: #9fa3b0;
	line-height: 14px
}

#siderbar .siderbar-top li a {
	color: #fff;
	transition: all .2s
}

#siderbar .siderbar-bottom li a, #siderbar .siderbar-top li a {
	padding: 15px 0;
	display: block
}

#siderbar .siderbar-top li a i {
	display: block;
	width: 21px;
	height: 21px;
	margin: 0 auto 10px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/siderbar.3af81c0a.png)
		no-repeat;
	-webkit-background-size: 42px auto;
	background-size: 42px auto
}

.ie #siderbar .siderbar-top li a i {
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/siderbar-ie.79daf4f4.png)
}

#siderbar .siderbar-top .icon-sider-interest {
	background-position: 0 -62px
}

#siderbar:hover .sider-template li:hover a, #siderbar:hover .siderbar-top li.active a,
	#siderbar:hover .siderbar-top li a:hover {
	color: #54cbc4;
	cursor: pointer
}

#siderbar .siderbar-top li.active a .icon-sider-interest, #siderbar .siderbar-top li:hover a .icon-sider-interest
	{
	background-position: -21px -62px
}

#siderbar .siderbar-top .icon-sider-chat {
	background-position: 0 -21px
}

#siderbar .siderbar-top li.active a .icon-sider-chat, #siderbar .siderbar-top li:hover a .icon-sider-chat
	{
	background-position: -21px -21px
}

#siderbar .siderbar-top .icon-sider-resume {
	background-position: 0 -42px
}

#siderbar .siderbar-top li.active a .icon-sider-resume, #siderbar .siderbar-top li:hover a .icon-sider-resume
	{
	background-position: -21px -42px
}

#siderbar .siderbar-top .icon-sider-interview {
	background-position: 0 -84px
}

#siderbar .siderbar-top li.active a .icon-sider-interview, #siderbar .siderbar-top li:hover a .icon-sider-interview
	{
	background-position: -21px -84px
}

#siderbar .siderbar-back-top:after {
	content: "";
	display: block !important;
	width: 21px;
	height: 13px;
	margin: 0 auto;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/siderbar.3af81c0a.png)
		no-repeat;
	background-size: 42px auto;
	background-position: 0 0
}

#siderbar .siderbar-bottom li:hover .siderbar-back-top:after {
	background-position: -21px 0
}

.siderbar-top {
	width: 100%;
	float: left;
	padding-top: 15px;
	text-align: center
}

.siderbar-bottom {
	position: absolute;
	width: 100%;
	bottom: 140px;
	text-align: center
}

#siderbar .qrcode-layer i {
	width: 12px;
	height: 21px;
	background-position: 0 -697px;
	position: absolute;
	top: 90px;
	right: -12px
}

.qrcode-layer {
	display: none;
	position: absolute;
	right: 55px;
	top: -80px;
	width: 196px;
	height: 196px;
	border: 1px solid #eee;
	background: #fff;
	z-index: 10
}

.qrcode-layer img {
	display: block;
	width: 134px;
	height: 134px;
	margin: 16px auto 0
}

#siderbar li:hover .siderbar-app .qrcode-layer, #siderbar li:hover .siderbar-wechat .qrcode-layer
	{
	display: block
}

#siderbar .siderbar-app .qrcode-layer {
	top: -78px
}

.page-loading .component-b, .page-loading .component-o, .page-loading .component-s1,
	.page-loading .component-s2 {
	display: inline-block;
	width: 40px;
	height: 42px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons-boss.f2acc91b.png)
		no-repeat;
	vertical-align: middle;
	-webkit-animation-fill-mode: both;
	-webkit-animation: bossLoading .6s linear infinite alternate;
	-moz-animation: bossLoading .6s infinite linear alternate;
	animation: bossLoading .6s linear infinite alternate
}

.data-tips .page-loading {
	white-space: nowrap;
	margin-top: -20px;
	margin-left: -79px
}

.page-loading .component-b {
	background-position: 0 0
}

.page-loading .component-o {
	content: "";
	background-position: 0 -68px;
	margin-left: -4px;
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	animation-delay: .1s
}

.page-loading .component-s1 {
	background-position: 0 -141px;
	margin-left: 6px;
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	animation-delay: .2s
}

.page-loading .component-s2 {
	content: "";
	background-position: 0 -141px;
	margin-left: -4px;
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	animation-delay: .3s
}

@
-webkit-keyframes bossLoading { 0%{
	-webkit-transform: translateZ(0)
}

50%{
-webkit-transform


:translate3d


(0
,
-10
px
,
0)
}
}
@
keyframes bossLoading { 0%{
	transform: translateZ(0)
}

50%{
transform


:translate3d


(0
,
-10
px
,
0)
}
}
#siderbar .sider-title {
	height: 70px;
	padding: 30px 22px 20px 20px;
	background: #fbfbfd;
	color: #414a60;
	zoom: 1
}

#siderbar .sider-title:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0
}

#siderbar .sider-title a {
	font-size: 12px;
	color: #9fa3b0;
	float: right
}

#siderbar .opacity {
	opacity: .5
}

#siderbar .user-avatar {
	width: 18px;
	height: 18px;
	border-radius: 9px;
	vertical-align: middle
}

#siderbar .sider-detail {
	position: relative;
	height: 100%;
	float: right;
	border-left: 1px solid #eee;
	background: #fbfbfd;
	overflow-y: auto;
	overflow-x: hidden
}

#siderbar .sider-detail ul {
	background-color: #fff
}

#siderbar .sider-detail ul li:hover {
	background: #f8f9fb
}

#siderbar .sider-detail .sider-template li a {
	padding: 20px 0 11px;
	display: block;
	margin: 0 20px;
	border-bottom: 1px dotted #e3e7ed
}

#siderbar .sider-detail ul li:last-child a {
	border: none
}

#siderbar .sider-detail ul li h4 {
	font-size: 14px;
	color: #61687c;
	line-height: 20px;
	zoom: 1
}

#siderbar .sider-detail ul li h4:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0
}

#siderbar .user-text {
	font-size: 12px;
	color: #9fa3af;
	padding-left: 10px;
	width: 150px;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	text-overflow: ellipsis;
	vertical-align: middle
}

.sider-position-title {
	width: 165px;
	height: 20px;
	overflow: hidden;
	display: inline-block
}

.sider-position-title .title-text {
	max-width: 98px;
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.sider-position-title .title-text.no-medium {
	max-width: 165px
}

.sider-position-title .job-medium-icon {
	height: 16px;
	vertical-align: middle;
	margin-left: 10px
}

.sider-degree {
	color: #fd7240;
	float: right
}

#siderbar .company-info {
	font-size: 12px;
	color: #9fa3af;
	padding: 10px 0 15px;
	line-height: 12px
}

#siderbar .siderbar-more {
	display: block;
	font-size: 12px;
	color: #9fa3b0;
	text-align: center;
	padding-top: 18px;
	padding-bottom: 10px
}

#siderbar .interview-time {
	height: 40px;
	padding-left: 20px;
	background-color: #fbfbfd;
	font-size: 14px;
	color: #414a60;
	line-height: 40px
}

#siderbar .interview-time span {
	font-size: 12px;
	color: #9fa3af;
	padding-left: 10px
}

#siderbar .interview-info {
	display: block;
	font-size: 12px;
	color: #9fa3af;
	line-height: 24px;
	padding-top: 3px
}

#siderbar .interview-info span {
	color: #002c00
}

#siderbar .interview-user-info {
	padding-top: 14px
}

#siderbar .interview-user-info img {
	width: 28px;
	height: 28px;
	border-radius: 14px;
	vertical-align: middle
}

#siderbar .interview-user-info .user-text {
	display: inline-block;
	width: 100px;
	overflow: hidden;
	word-break: keep-all;
	white-space: nowrap;
	text-overflow: ellipsis
}

.interview-list li .sub-title .interview-status {
	float: right;
	color: #fd7240
}

.interview-list li .sub-title .company-name {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.interview-user-info .btn {
	min-width: 46px;
	width: 46px;
	height: 24px;
	font-size: 12px;
	line-height: 26px;
	color: #fff;
	outline: 1px solid #5dd5c8;
	background: #5dd5c8;
	border-color: transparent;
	padding: 0
}

.interview-user-info .btn:hover {
	opacity: .85
}

.interview-user-info .btns-sider-interview {
	display: none;
	vertical-align: top;
	float: right
}

#siderbar .sider-detail ul li:hover .btns-sider-interview {
	display: inline-block
}

.interview-user-info .btn.btn-cancel {
	background-color: #fff;
	color: #5dd5c8;
	margin-right: 4px
}

.interview-user-info .btn.btn-cancel:hover {
	border-color: #5dd5c8
}

#siderbar .not-have {
	display: block;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/not-have.87b15618.png)
		no-repeat 50%;
	width: 310px;
	height: 60px;
	background-size: 116px 60px
}

#siderbar .not-login {
	display: block;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/not-login.5ffa3cf2.png)
		no-repeat 50%;
	width: 310px;
	height: 72px;
	background-size: 90px 72px
}

.sider-error-tip {
	text-align: center;
	height: 200px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0
}

.sider-error-tip p {
	font-size: 15px;
	line-height: 15px;
	color: #9fa3b0;
	padding: 30px 0 26px
}

#siderbar .sider-template button {
	width: 68px;
	height: 26px;
	min-width: 68px;
	line-height: 26px;
	font-size: 12px;
	float: right;
	display: none
}

#siderbar .sider-detail ul li:hover button {
	display: block
}

#siderbar .sider-template .btn-sider-interest {
	line-height: normal;
	padding: 0 5px
}

#siderbar .interview-container {
	margin: 0 20px;
	padding: 20px 0;
	border-bottom: 1px dotted #e3e7ed
}

#siderbar .interview-list li:last-child .interview-container {
	border: none
}

#siderbar .sider-load {
	text-align: center;
	height: 50px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0
}

#siderbar .sider-load i {
	display: block;
	width: 310px;
	height: 29px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/loading.0e6e0f46.gif)
		no-repeat 50%;
	background-size: 29px 29px
}

#siderbar .sider-load p {
	padding-top: 20px;
	font-size: 15px;
	color: #9fa3b0
}

#siderbar .sider-index {
	width: 40px;
	height: 100%;
	float: left;
	position: relative;
	transition: width .2s
}

#siderbar .btn-sider-more {
	width: 138px;
	font-size: 14px
}

#siderbar:hover .sider-index {
	width: 60px
}

#siderbar:hover .siderbar-top li a {
	color: #414a60
}

@media ( max-height :780px) {
	#siderbar .siderbar-bottom li a, #siderbar .siderbar-top li a {
		padding: 10px 0
	}
	.siderbar-bottom {
		bottom: 80px
	}
	#siderbar .siderbar-app .qrcode-layer {
		top: -128px
	}
	#siderbar .qrcode-layer i {
		top: 132px
	}
	#siderbar .siderbar-wechat .qrcode-layer {
		top: -128px
	}
}

.pop-feedback textarea {
	height: 120px;
	width: 390px;
	min-width: 290px;
	padding: 10px 12px !important;
	border: 1px solid #e3e7ed;
	resize: none;
	display: block;
	color: #414a60
}

.pop-feedback a {
	color: inherit;
	*color: #9fa3b0
}

.pop-feedback .btn {
	min-width: 30px;
	padding: 0 30px;
	height: 32px;
	line-height: 32px;
	color: #5dd5c8;
	font-size: 14px
}

.pop-feedback .tips {
	position: static
}

.pop-feedback .dialog-container {
	width: 530px
}

.pop-feedback .dialog-title .title {
	padding: 0 0 20px;
	color: #62687a !important;
	font-size: 18px !important;
	border: none;
	font-weight: 400
}

.pop-feedback .dialog-title .tips {
	color: #fc6c38;
	font-size: 13px
}

.pop-feedback .dialog-title .close {
	top: 15px;
	right: 16px
}

.pop-feedback .dialog-con span:last-child {
	display: block;
	line-height: 17px;
	margin-top: 4px
}

.pop-feedback .sub-title {
	float: left;
	width: 70px;
	margin-right: 10px;
	color: #62687a;
	text-align: left
}

.pop-feedback .sub-content {
	margin-left: 80px;
	font-size: 13px
}

.pop-feedback .text-error {
	display: block;
	height: 20px;
	margin: 4px auto 0 80px;
	line-height: 17px;
	color: #fc6c38;
	font-size: 12px
}

.pop-feedback .text-error .tips {
	font-size: 12px;
	color: #d1d4db
}

.pop-feedback .upload {
	margin-bottom: 20px
}

.pop-feedback .upload .upload-tips {
	color: #9fa3af
}

.pop-feedback .upload .upload-pics {
	margin-top: 10px;
	font-size: 0;
	line-height: 108px
}

.pop-feedback .upload .upload-pic {
	display: inline-block;
	position: relative;
	z-index: 6;
	width: 108px;
	height: 108px;
	margin-right: 15px;
	border: 1px solid #e3e7ed;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-add.105d55c1.png)
		no-repeat 50%/20px;
	cursor: pointer;
	text-align: center
}

.pop-feedback .upload .upload-pic img {
	max-width: 100%;
	max-height: 100%;
	background-color: #fff;
	vertical-align: middle
}

.pop-feedback .upload .upload-pic .remove-pic {
	position: absolute;
	z-index: 7;
	top: -8px;
	right: -8px;
	width: 16px;
	height: 16px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-close.d627ffbd.png)
		no-repeat 0 0 auto
}

.pop-feedback .upload .upload-pic:hover .remove-pic {
	background-position: 0 -32px
}

.pop-feedback .upload .upload-pic-btn-wrapper {
	display: inline-block;
	position: relative;
	z-index: 6;
	width: 108px;
	height: 108px;
	border: 1px solid #e3e7ed;
	background: #fff
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-add.105d55c1.png)
		no-repeat 50%/20px;
	vertical-align: top;
	cursor: pointer;
	overflow: hidden
}

.pop-feedback .upload .upload-pic-btn {
	position: absolute;
	top: -100%;
	left: 0;
	width: 100%;
	height: 200%;
	background: none;
	opacity: 0;
	filter: alpha(opacity = 0);
	cursor: pointer
}

.upload-complate .dialog-container {
	margin: -227px 0 0 -189px
}

.pop-feedback .verify-box .sub-content {
	font-size: 0
}

.pop-feedback .verify-box .ipt {
	width: 287px;
	min-width: 212px;
	height: 32px;
	padding: 0 0 0 40px;
	font-size: 14px;
	border: 1px solid #eee;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons-sign.66eb1d7e.png)
		11px -39px no-repeat;
	vertical-align: middle
}

.pop-feedback .verify-box img {
	width: 102px;
	height: 32px;
	border: 1px solid #eee;
	border-left: none;
	vertical-align: middle
}

.pop-feedback .dialog-footer {
	border: 0;
	padding-top: 5px;
	padding-bottom: 10px
}

.pop-feedback .dialog-footer .btn-sure {
	color: #fff;
	width: 94px
}

.pop-feedback .ipt:focus, .pop-feedback textarea:focus {
	box-shadow: 0 1px 3px rgba(93, 213, 200, .4);
	border-color: #00d7c6
}

.icon-svg {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	fill: #414a60
}

.icon-svg:hover {
	fill: #5dd5c8
}

.dialog-status {
	text-align: center
}

.dialog-status .dialog-container {
	width: 300px;
	padding-top: 26px;
	padding-bottom: 0
}

.dialog-status .dialog-body {
	overflow: visible;
	max-height: none
}

.dialog-status .dialog-footer {
	padding-top: 0
}

.dialog-status .dialog-status-icon {
	display: block;
	margin: 0 auto 15px;
	width: 34px;
	height: 34px
}

.dialog-status .dialog-status-title {
	font-size: 14px;
	font-weight: 400;
	color: #414a60;
	line-height: 20px;
	margin-bottom: 14px
}

.dialog-status .dialog-status-desc {
	font-size: 12px;
	font-weight: 400;
	color: #61687c;
	line-height: 17px
}

.dialog-status .dialog-status-btns {
	margin-top: 17px
}

.dialog-status .dialog-status-btns .dialog-status-btn {
	background: #fff;
	border: 0;
	border-top: 1px solid #eef0f5;
	height: 41px;
	line-height: 40px;
	display: inline-block;
	padding: 0 24px;
	cursor: pointer;
	color: #00c2b3;
	font-size: 12px
}

.dialog-status-loading .data-tips {
	height: auto;
	min-height: 200px
}

.dialog-text-content .dialog-container {
	padding: 30px 30px 20px;
	width: 760px;
	box-sizing: content-box
}

.dialog-text-content .dialog-title {
	margin-bottom: 17px
}

.dialog-text-content .dialog-title .title {
	font-size: 16px;
	font-weight: 700;
	color: #0e1726;
	line-height: 22px
}

.dialog-text-content .dialog-con {
	max-height: 370px;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 13px;
	color: #6e747d;
	line-height: 1.7
}

.dialog-text-content .dialog-con p {
	margin: .7em 0
}

.dialog-text-content .dialog-con h1 {
	font-size: 1.5em;
	text-align: center;
	margin: 2em 0 .7em
}

.dialog-text-content .dialog-con::-webkit-scrollbar-track-piece {
	background-color: #f1f1f1;
	border-radius: 0;
	-webkit-border-radius: 0
}

.dialog-text-content .dialog-con::-webkit-scrollbar {
	width: 4px;
	height: 4px
}

.dialog-text-content .dialog-con::-webkit-scrollbar-thumb {
	height: 50px;
	background-color: #ddd;
	border-radius: 10px
}

.dialog-text-content .dialog-con::-webkit-scrollbar-thumb:hover {
	height: 50px;
	background-color: #ccc
}

.dialog-text-content .dialog-con::-webkit-scrollbar-corner {
	background-color: #f1f1f1
}

.dialog-text-content .dialog-footer {
	margin-top: 27px
}

.dialog-text-content .dialog-footer .btns {
	text-align: center
}

.dialog-map .dialog-container {
	width: 660px;
	height: 501px;
	padding: 0
}

.dialog-map .title {
	display: block;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons.69b3aa96.png)
		no-repeat 15px -420px;
	color: #62687a;
	padding: 13px 15px 11px 35px;
	font-size: 15px;
	border-bottom: 1px solid #ecedef
}

.dialog-map .map-container {
	height: 450px
}

.fl {
	float: left
}

.fr {
	float: right
}

.gray {
	color: #9fa3b0
}

.text-small {
	font-size: 12px
}

.chat-wrap {
	position: absolute;
	top: 20px;
	bottom: 20px;
	margin: 0 auto;
	box-shadow: 0 0 3px rgba(0, 0, 0, .02)
}

.img-viewer {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.chat-record .article, .chat-user .article {
	line-height: 44px;
	height: 46px;
	margin-top: -46px;
	padding-left: 22px;
	color: #9fa3b0;
	border-bottom: 2px solid #f2f2f5;
	background-color: #fbfbfc;
	white-space: nowrap
}

.chat-user {
	position: absolute;
	box-sizing: border-box;
	width: 333px;
	height: 100%;
	padding-top: 46px;
	background-color: #fff
}

.chat-user .article {
	display: flex
}

.chat-user .article span.article-tab {
	cursor: pointer;
	margin-right: 27px
}

.chat-user .article span.article-tab:last-child {
	margin-right: 0
}

.chat-user .article span.article-tab.cur {
	color: #414a60;
	cursor: default;
	margin-bottom: -2px;
	border-bottom: 2px solid #5dd5c8
}

.user-blank {
	position: relative;
	height: 100%;
	background-color: #f7f8fa
}

.user-blank p {
	font-size: 14px;
	line-height: 30px;
	position: absolute;
	top: 50%;
	width: 100%;
	height: 30px;
	margin-top: -15px;
	text-align: center;
	color: #d1d4db
}

.chat-user .user-list {
	position: relative;
	overflow-y: auto;
	height: 100%
}

.chat-user .user-list li {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 15px 20px 15px 30px;
	cursor: pointer
}

.chat-user .user-list li .vline {
	margin: 0 8px
}

.user-list .icon-group-inner {
	padding: 4px;
	font-size: 12px;
	font-style: normal;
	color: #5e96f2;
	background: rgba(94, 150, 242, .1);
	border-radius: 3px;
	overflow: hidden;
	float: right;
	line-height: 14px;
	vertical-align: top;
	margin-top: -2px;
	transform: scale(.9)
}

.user-list .figure {
	position: relative;
	float: left;
	width: 46px
}

.user-list .top-list li:after, .user-list ul li.user-top:after {
	position: absolute;
	top: 0;
	right: 0;
	width: 14px;
	height: 14px;
	content: "";
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-stick.ae168ed5.png)
		100% 0 no-repeat
}

.user-list .figure img {
	display: block;
	width: 46px;
	height: 46px;
	border-radius: 100%
}

.user-list .text {
	margin-left: 61px
}

.user-list .text .title {
	font-size: 14px;
	opacity: .8;
	color: #414a60;
	padding-top: 3px
}

.user-list .text .name {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.user-list .text .name .popover {
	flex: 1;
	overflow: hidden;
	margin: 0 10px
}

.user-list .text .name .popover .filtered-label {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 17px;
	font-size: 12px;
	color: #9fa3b0;
	line-height: 17px;
	padding: 0 5px;
	border-radius: 2px;
	border: 1px solid #d2d4db;
	vertical-align: middle;
	margin-top: -2px
}

.user-list .topwx .text .name {
	font-weight: 500
}

.user-list .topwx {
	border-bottom: 1px solid #f2f2f5
}

.popover-wrap .popover-content .filtered-content {
	display: block;
	white-space: nowrap;
	padding: 5px;
	font-size: 13px;
	color: #61687c;
	line-height: 24px
}

.user-list .text .time {
	font-size: 12px;
	float: right
}

.user-list .text .prop-label {
	font-size: 10px;
	line-height: 1.4;
	float: right;
	margin-right: 5px;
	padding: 1px 5px 0;
	color: #9fa3b0;
	border: 1px solid #d1d4db;
	border-radius: 3px
}

.gray, .time {
	color: #9fa3b0
}

.user-list .text p {
	margin-top: 3px;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
	margin-right: 32px;
	white-space: nowrap;
	text-overflow: ellipsis
}

.notice-badge {
	line-height: 17px;
	display: inline-block;
	min-width: 15px;
	margin-left: 20px;
	padding: 0 4px;
	text-align: center;
	white-space: nowrap;
	color: #fff;
	border-radius: 12px;
	background-color: #fa6a43
}

.user-list .text .notice-badge {
	font-size: 12px;
	line-height: 16px;
	position: absolute;
	top: 44px;
	right: 20px;
	min-width: 8px;
	text-align: center
}

.user-list li:not (.selected ) .figure:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 46px;
	height: 46px;
	content: "";
	border-radius: 100%;
	background: rgba(84, 91, 109, .3)
}

.chat-user .user-list li.selected, .chat-user .user-list li:hover {
	background-color: #f2f5fa
}

.chat-user .user-list li.selected {
	pointer-events: none
}

.chat-record {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 849px;
	height: 100%;
	margin-left: 335px;
	padding: 46px 0 152px;
	background-color: #fff
}

.chat-record .respond-popover {
	position: absolute;
	z-index: 10;
	bottom: 152px;
	left: 0;
	width: 100%;
	height: 40px;
	color: #fff;
	background-color: #6097ef
}

.chat-record .respond-popover .op {
	float: right;
	padding: 7px 30px 0 0
}

.chat-record .article .op a {
	position: relative;
	margin: 0 3px;
	padding: 0 8px;
	transition: none
}

.chat-record .article a.op-settop {
	display: inline-block;
	width: 36px;
	height: 32px;
	margin-right: 10px;
	vertical-align: middle;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons-chat-input.eba44c0a.png)
		11px -167px no-repeat
}

.chat-record .icon-bell {
	float: left;
	display: inline-block;
	width: 11px;
	height: 30px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-bell.5bfac5b7.png)
		0 6px no-repeat;
	margin: 0 6px 0 34px
}

.chat-record .article .op-settop.selected {
	background-position: -35px -167px
}

.chat-record .popover span {
	color: #414a60;
	cursor: pointer
}

.chat-record .popover span:hover {
	color: #00c2b3
}

.chat-record .article .popover-wrap {
	top: 105%
}

.chat-record .article .popover-content {
	line-height: 24px;
	color: #414a60;
	min-width: 130px;
	text-align: center
}

.chat-record .respond-popover .btn {
	font-size: 14px;
	line-height: 24px;
	min-width: auto;
	height: 24px;
	margin: 0;
	padding: 0 15px;
	border-color: #fff;
	border-radius: 15px;
	background: 0 0;
	color: #fff
}

.chat-record .respond-popover .btn-refuse {
	margin-right: 20px
}

.chat-record .respond-popover .text {
	line-height: 40px;
	overflow: hidden;
	margin-right: 200px;
	padding-left: 25px;
	white-space: nowrap;
	text-overflow: ellipsis
}

.chat-record .respond-popover .btn:hover {
	color: #6097ef;
	border-color: #6097ef;
	background: #fff
}

.chat-record .chat-message {
	position: relative;
	overflow-y: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding-top: 25px;
	padding-bottom: 35px
}

.chat-record .tooltip-analyzer {
	position: absolute;
	z-index: 10;
	width: 260px;
	height: 130px;
	margin-top: 20px;
	padding: 0 20px;
	background: #fff;
	box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1)
}

.chat-record .tooltip-analyzer-panel {
	position: relative
}

.chat-record .tooltip-analyzer-panel:after {
	position: absolute;
	top: -8px;
	right: 40px;
	width: 12px;
	height: 12px;
	content: "";
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	border-color: transparent transparent #e7e9ee #e7e9ee;
	border-style: solid;
	border-width: 1px;
	background: #fff
}

.chat-record .analyzer-text {
	line-height: 85px;
	overflow: hidden;
	height: 75px;
	text-align: center
}

.chat-record .tooltip-analyzer .btn {
	font-size: 14px;
	line-height: 31px;
	box-sizing: border-box;
	min-width: auto;
	height: 32px;
	margin: 0;
	padding: 0 15px
}

.chat-record .tooltip-analyzer a.btn {
	text-decoration: none;
	color: #fff
}

.chat-record .tooltip-analyzer .analyzer-btns {
	display: flex;
	justify-content: space-between
}

.chat-wrap .chat-record .article span {
	margin: 0 9px
}

.chat-wrap .chat-record .article .vline {
	margin: 0 5px
}

.chat-record .im-list {
	padding: 30px 30px 20px
}

.chat-record .im-list li {
	margin-top: 30px
}

.chat-record .im-list .message-edit, .chat-record .im-list .message-edit:hover
	{
	font-style: normal;
	color: #62d5c8;
	margin-left: 5px;
	text-decoration: none
}

.chat-record li:after {
	display: block;
	visibility: hidden;
	clear: both;
	overflow: hidden;
	content: ""
}

.chat-record li .figure {
	display: inline-block;
	width: 36px;
	margin-right: 10px
}

.chat-record li .figure img {
	display: block;
	width: 36px;
	height: 36px;
	border-radius: 100%
}

.chat-record li .prop-text, .chat-record li .text {
	line-height: 24px;
	position: relative;
	display: inline-block;
	max-width: 544px;
	padding: 6px 20px;
	vertical-align: top;
	word-break: break-all;
	border-radius: 6px;
	background-color: #f2f5fa
}

.chat-record li .job-guide {
	background-color: transparent;
	padding: 1px;
	border: 1px solid #eef0f5;
	width: 245px;
	box-sizing: border-box
}

.chat-record li .job-guide img {
	display: block;
	width: 100%;
	border-radius: 6px;
	cursor: pointer
}

.chat-record li .job-guide p {
	font-size: 13px;
	color: #00c2b3;
	height: 40px;
	line-height: 40px;
	text-align: center;
	cursor: pointer
}

.chat-record li.item-resume .text {
	padding: 0;
	background-color: transparent
}

.chat-record li.item-center, .chat-record li.item-question {
	text-align: center
}

.chat-record li.item-system .hyperlink-center a {
	text-decoration: none
}

.chat-record li.item-center .dialog-content {
	text-align: left
}

.chat-record li .hello-question {
	display: inline-block;
	background-color: #fff;
	border: 1px solid #5dd5c8;
	padding: 10px 15px;
	text-align: left;
	min-width: 200px;
	border-radius: 4px
}

.chat-record li .hello-question p.gray {
	font-size: 12px
}

.chat-record .text .link a, .chat-record .text .link a:hover {
	color: #62d5c8
}

.chat-record .item-myself .link a, .chat-record .item-myself .link a:hover
	{
	color: #fff
}

.chat-record .image {
	line-height: 0;
	overflow: hidden
}

.chat-record .image, .chat-record .image img {
	max-width: 270px;
	max-height: 300px
}

.chat-record .btn-store {
	display: none;
	position: absolute;
	width: 110px;
	padding: 15px 0;
	bottom: 0;
	right: -50px;
	background: #f9fafb;
	color: #414a60;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
	border-radius: 4px;
	cursor: pointer
}

.chat-record .text:hover .btn-store {
	display: block
}

.chat-record .item-myself .btn-store {
	right: auto;
	left: -50px
}

.chat-record em, .chat-record i {
	font-style: normal
}

.chat-record .item-time .time {
	display: block;
	width: 130px;
	margin: 20px auto -13px;
	text-align: center;
	color: #9fa3b0;
	background: #fff
}

.chat-record .item-time .time:after {
	font-size: 0;
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.chat-record li .text a {
	text-decoration: underline;
	color: #5dd5c8;
	margin-left: 10px
}

.chat-record li .text a:hover {
	color: #414a60
}

.chat-record .item-myself .text {
	float: right;
	color: #fff;
	border-top-right-radius: 0;
	background-color: #62d5c8
}

.chat-record .item-image.text {
	padding: 0;
	cursor: pointer;
	background-color: #fff
}

.chat-record .item-friend .text {
	border-top-left-radius: 0
}

.chat-record .text .icon-respond {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 6px;
	margin-left: -1px;
	padding: 0;
	vertical-align: middle;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons-respond.1a64627a.png)
		no-repeat
}

.chat-record .text .op .link-agree {
	display: inline-block;
	padding: 0 8px;
	color: #5e96f2
}

.chat-record .disabled {
	pointer-events: none
}

.chat-record .text .icon-arrow-right {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: -1px -5px 0 7px;
	vertical-align: middle;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons-respond.1a64627a.png)
		-51px 0 no-repeat
}

.chat-record .text .op .link-refuse {
	display: inline-block;
	padding: 0 4px;
	color: #9fa3b0
}

.chat-record .text .weixin {
	background-position: 0 -34px
}

.chat-record .text .resume {
	background-position: 0 -70px;
	min-width: 0
}

.chat-record .item-prop, .chat-record .item-safe, .chat-record .item-system
	{
	text-align: center
}

.chat-record .item-prop a {
	text-decoration: underline;
	color: #62d5c8
}

.chat-record .item-system .text {
	font-size: 12px;
	line-height: 24px;
	padding: 1px 15px 0;
	color: #61687c;
	border-radius: 15px;
	max-width: 550px
}

.chat-record .item-safe .text {
	border: 1px solid #ecedee;
	background: #fff;
	width: 350px;
	border-radius: 6px;
	font-size: 12px;
	color: #666;
	padding: 10px 16px 12px
}

.chat-record .item-safe .text .hyperlink-title {
	display: flex;
	align-items: center;
	margin-bottom: 2px
}

.chat-record .item-safe .text .hyperlink-title img {
	width: 16px;
	height: 16px;
	margin-right: 6px
}

.chat-record .item-safe .text .hyperlink-title span {
	font-weight: 500
}

.chat-record .item-safe .text .hyperlink-content {
	text-align: left;
	line-height: 20px
}

.chat-record .item-safe .text .hyperlink-content a {
	color: #437df2;
	text-decoration: none
}

.chat-record .item-system .message-system-promote {
	margin: 0 8px;
	color: #62d5c8
}

.chat-record .icon-interview-accept, .chat-record .icon-interview-cancel,
	.chat-record .icon-interview-reject, .chat-record .icon-interview-send,
	.dialog-interview .icon-interview-address, .dialog-interview .icon-interview-job,
	.dialog-interview .icon-interview-note, .dialog-interview .icon-interview-time
	{
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons-interview.db38c13f.png)
		no-repeat
}

.dialog-interview .icon-interview-address, .dialog-interview .icon-interview-job,
	.dialog-interview .icon-interview-time, .icon-interview-note {
	width: 15px;
	height: 15px;
	margin-right: 10px;
	flex: none
}

.chat-record .item-friend .icon-interview-send {
	margin-right: 10px;
	background-position: -35px -100px
}

.chat-record .item-friend .icon-offer-send {
	display: inline-block;
	margin-right: 10px;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/geek-get-offer@2x.860d9356.png)
		no-repeat;
	background-size: contain
}

.chat-record .item-friend .to-offer-detail {
	color: #00c2b3;
	margin-left: 10px;
	cursor: pointer
}

.chat-record .item-friend .icon-interview-cancel {
	margin-right: 10px;
	background-position: -25px -25px
}

.chat-record .item-friend .icon-interview-reject {
	margin-right: 10px;
	background-position: -25px -75px
}

.chat-record .item-myself .icon-interview-accept {
	margin-left: 10px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/offer-tick.d1268586.png)
		no-repeat;
	background-size: contain;
	width: 15px;
	height: 15px
}

.chat-record .item-myself .icon-interview-reject {
	margin-left: 10px;
	background-position: -25px -25px
}

.dialog-interview .icon-interview-job {
	background-position: 0 -50px
}

.dialog-interview .icon-interview-time {
	background-position: 0 -75px
}

.dialog-interview .icon-interview-address {
	background-position: -1px -100px
}

.dialog-interview .icon-interview-note {
	background-position: 0 -125px
}

.chat-record li .status {
	position: absolute;
	top: 0;
	left: -40px;
	display: block;
	width: 30px;
	height: 16px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/sendstatus.d0a92d4b.png)
		no-repeat -40px 0
}

.chat-record .status-error.status {
	background-position: 0 0
}

.chat-record .status-read.status {
	background-position: -80px 0
}

.chat-record .status-delivery.status {
	background-position: -120px 0
}

.chat-record li.item-dialog .text {
	background: #fff;
	border: 1px solid #eef0f5;
	max-width: 245px;
	padding: 0
}

.chat-record li.item-dialog .msg-dialog-img {
	border-radius: 0 6px 0 0;
	width: 100%;
	height: 0;
	cursor: pointer;
	padding-top: 50%;
	background: no-repeat 50%;
	background-size: cover
}

.chat-record li.item-dialog .msg-dialog-info {
	padding: 10px 15px;
	line-height: 25px
}

.chat-record li.item-dialog .msg-dialog-innertext {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.chat-record li.item-dialog .msg-dialog-title {
	width: 100%;
	font-size: 14px;
	color: #414a60
}

.chat-record li.item-dialog .msg-dialog-desc {
	width: 100%;
	display: block;
	font-size: 13px;
	color: #8d92a1
}

.chat-record li.item-dialog .msg-dialog-footer {
	border-top: 1px solid #eef0f5;
	display: flex;
	text-align: center
}

.chat-record li.item-dialog .msg-dialog-footer .msg-dialog-btn {
	height: 43px;
	line-height: 43px;
	flex: 1;
	width: 0;
	font-size: 14px;
	color: #00c2b3;
	text-decoration: none
}

.chat-record li.item-dialog .msg-dialog-footer .msg-dialog-btn:hover {
	opacity: .8
}

.chat-record li.item-dialog .msg-dialog-footer .msg-dialog-btn+.msg-dialog-btn
	{
	border-left: 1px solid #eef0f5
}

.chat-record li.item-dialog .msg-dialog-footer .msg-dialog-btn-gray {
	color: #8d92a1
}

.chat-record li.item-dialog .msg-dialog-footer .msg-dialog-btn-disabled
	{
	pointer-events: none;
	color: #d1d4db
}

.chat-record li.item-dialog.item-myself .msg-dialog-img {
	border-radius: 6px 0 0 0
}

.chat-im {
	margin-bottom: -152px
}

.chat-editor {
	position: relative;
	padding: 0 30px;
	border-top: 2px solid #f2f2f5
}

.chat-controls {
	user-select: none;
	padding: 15px 0 0
}

.chat-dz-emotion.emotion .emotion-tab .emotion-sort {
	display: none
}

.chat-dz-emotion.emotion .emotion-tab .emotion-sort.emition-default {
	display: inline-block
}

.chat-controls a {
	position: relative;
	z-index: 20;
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 20px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons-chat-input.eba44c0a.png)
		no-repeat;
	transition: none
}

.chat-controls a.btn-dict {
	background-position: 0 -35px
}

.chat-controls a.btn-resume {
	background-position: 3px -105px
}

.chat-controls a.btn-contact {
	background-position: 2px -70px
}

.chat-controls a.btn-weixin {
	background-position: 0 -140px
}

.chat-controls a.btn-dict:not (.unable ):hover {
	background-position: -37px -35px
}

.chat-controls a.btn-resume:not (.unable ):hover {
	background-position: -34px -105px
}

.chat-controls a.btn-contact:not (.unable ):hover {
	background-position: -35px -70px
}

.chat-controls a.btn-weixin:not (.unable ):hover {
	background-position: -37px -140px
}

.chat-controls a.btn-online:hover {
	background-position: -36px -203px
}

.chat-controls a.btn-online {
	background-position: 0 -203px
}

.chat-controls .unable {
	cursor: default;
	opacity: .5
}

.chat-controls .tooltip:hover:after {
	transform: translateX(-50%) translateY(-16px)
}

.chat-controls .tooltip:hover:before {
	transform: translateY(-16px)
}

.image-wrap {
	position: fixed;
	z-index: 999;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(37, 40, 48, .7)
}

.chat-input {
	user-select: none;
	overflow: auto;
	height: 65px;
	color: #000;
	outline: none
}

.chat-input img {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	vertical-align: middle
}

.chat-op {
	user-select: none;
	padding-bottom: 10px;
	text-align: right
}

.chat-op .tip {
	padding-right: 20px;
	color: #d1d4db
}

.chat-op .error-tip {
	color: red
}

.chat-op .btn-send {
	font-size: 14px;
	line-height: 26px;
	min-width: auto;
	height: 28px;
	margin-right: 0;
	padding: 0 16px;
	border-radius: 15px
}

.chat-op .disabled, .chat-op .disabled:hover {
	cursor: default;
	color: #d1d4db;
	border-color: #d1d4db;
	background-color: #fff
}

.chat-position {
	line-height: 26px;
	float: right;
	overflow-x: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 280px;
	height: 100%;
	padding: 20px;
	background-color: #fbfbfc
}

.chat-position .basic {
	padding-top: 4px
}

.chat-position .article, .chat-position .salary {
	font-size: 18px;
	line-height: 35px;
	word-wrap: break-word;
	word-break: break-all
}

.chat-position .article {
	min-width: 35px
}

.chat-position .salary {
	color: #fc6c38
}

.chat-position .basic .vline {
	margin: 0 16px
}

.chat-position .description {
	padding-top: 15px
}

.chat-position .description .article {
	font-size: 16px
}

.chat-position .under-line {
	overflow: hidden;
	width: 20px;
	height: 2px;
	margin: 14px 0;
	background-color: #5dd5c8
}

.chat-position .description .text {
	color: #72798d
}

.chat-position .subtitle {
	line-height: 40px;
	height: 40px
}

.chat-weclcome {
	position: relative;
	height: 100%;
	margin-top: 76px;
	text-align: center;
	background: #fff
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-welcome.d0c16d5a.png)
		center 40% no-repeat
}

.welcome-tips {
	font-size: 20px;
	font-size: 13px;
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: 10%;
	color: #9fa3b0
}

.welcome-tips b, .welcome-tips span {
	font-weight: 400;
	color: #414a60
}

.sentence-panel, .sentence-popover {
	position: absolute;
	z-index: 15;
	bottom: 150px;
	left: 27px;
	width: 378px;
	border: 1px solid #e7e9ee;
	background: #fff;
	-webkit-box-shadow: 0 0 14px rgba(0, 0, 0, .11);
	box-shadow: 0 0 14px rgba(0, 0, 0, .11)
}

.sentence-panel .title {
	font-size: 16px;
	line-height: 45px;
	height: 45px;
	padding: 0 20px;
	color: #9fa3b0;
	font-weight: 400;
	font-size: 18px
}

.sentence-panel .title .link-set {
	font-size: 14px;
	float: right;
	color: #18c3b1
}

.sentence-panel ul {
	overflow: auto;
	max-height: 180px
}

.sentence-panel li {
	line-height: 44px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding: 0 20px;
	cursor: pointer;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-top: 1px solid #f2f5fa
}

.sentence-panel li:hover {
	background-color: #f2f5fa
}

.sentence-panel:after, .sentence-popover:after {
	position: absolute;
	bottom: -6px;
	left: 50px;
	width: 10px;
	height: 10px;
	content: "";
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	border-color: #e7e9ee #e7e9ee transparent transparent;
	border-style: solid;
	border-width: 1px;
	background: #fff
}

.sentence-popover {
	width: 260px;
	padding: 30px 20px 25px
}

.sentence-popover.respond-chat {
	width: 320px;
	margin-left: -32px;
	width: 360px;
	height: 249px
}

.sentence-popover .title {
	font-size: 16px;
	padding-bottom: 12px;
	text-align: center
}

.respond-chat.sentence-popover .title {
	font-size: 18px;
	margin-top: -2px;
	padding-bottom: 20px;
	text-align: left
}

.respond-chat .tip-text {
	line-height: 24px;
	padding: 10px 0 20px;
	color: #9fa3b0
}

.respond-chat.sentence-popover input {
	width: 300px;
	padding: 8px 14px;
	box-sizing: border-box;
	min-height: 22px;
	line-height: 22px;
	border: 1px solid #e3e7ed;
	vertical-align: middle;
	border-radius: 1px;
	font-size: 14px;
	line-height: 26px;
	color: #414a60;
	outline: 0
}

.sentence-popover .content {
	padding-bottom: 10px;
	text-align: center
}

.sentence-popover .btns {
	text-align: center
}

.sentence-popover .btns .btn {
	margin: 0 10px;
	min-width: 80px;
	padding: 8px 15px
}

.sentence-popover .btn-outline:not (.disabled ):hover {
	padding: 0 27px
}

.sentence-popover:after {
	left: 50%;
	margin-left: -5px
}

.respond-chat:after {
	left: 45%
}

.panel-resume.sentence-popover:after {
	left: 180px
}

.sentence-popover.panel-resume {
	left: -53px;
	width: 330px
}

.sentence-popover.panel-resume .content {
	padding-bottom: 25px;
	font-size: 13px;
	color: #9fa3b0
}

.sentence-popover.panel-contact {
	left: 44px
}

.sentence-popover.panel-wechat {
	left: 85px
}

.interview-modal {
	position: fixed;
	z-index: 999;
	top: 50%;
	left: 50%;
	width: 340px;
	height: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background-color: #fff;
	box-shadow: 0 0 14px rgba(0, 0, 0, .11)
}

.interview-loading {
	padding: 100px 0;
	text-align: center
}

.interview-loading .icon-toast-loading {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 13px;
	margin-top: -2px;
	vertical-align: middle;
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons-toast.82bcc73c.png);
	background-repeat: no-repeat;
	background-position: 0 -232px;
	-webkit-animation: semicircle .8s linear infinite;
	animation: semicircle .8s linear infinite
}

@
-webkit-keyframes semicircle { 0%{
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}

to {
	-webkit-transform: rotate(1turn);
	transform: rotate(1turn)
}

}
@
keyframes semicircle { 0%{
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}

to {
	-webkit-transform: rotate(1turn);
	transform: rotate(1turn)
}

}
.dialog-interview-default .icon-believable {
	display: inline-block;
	width: 12px;
	height: 15px;
	margin-right: 10px;
	vertical-align: middle;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons-interview.db38c13f.png)
		0 0 no-repeat
}

.dialog-interview-default .icon-unbelievable {
	display: inline-block;
	width: 12px;
	height: 15px;
	margin-right: 10px;
	vertical-align: middle;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons-interview.db38c13f.png)
		0 -25px no-repeat
}

.interview-notice {
	font-size: 12px;
	line-height: 36px;
	height: 38px;
	text-align: center;
	color: #9fa3b0;
	padding: 0 30px
}

.interview-notice p {
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #f1f5f9
}

.interview-notice p img {
	margin-right: 5px
}

.interview-wrap .interview-article {
	font-size: 16px;
	line-height: 26px;
	padding: 18px 0 5px;
	display: flex;
	align-items: center;
	justify-content: center
}

.interview-page-footer {
	font-size: 12px;
	padding: 10px 30px 25px;
	text-align: center
}

.interview-wrap.interview-waitreply .interview-article {
	padding-bottom: 0;
	border: 0
}

.interview-fail .interview-article, .interview-waitreply .interview-article
	{
	color: #fc6c38
}

.interview-article i {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 3px
}

.interview-fail .interview-article i, .interview-waitreply .interview-article i
	{
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-interview-fail.17474e00.png)
		no-repeat 50%/100%
}

.interview-success .interview-article, .interview-waiting .interview-article
	{
	color: #00c2b3
}

.interview-status0 .interview-article i, .interview-success .interview-article i,
	.interview-waiting .interview-article i {
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-interview-success.104191ab.png)
		no-repeat 50%/100%
}

.interview-cancel .interview-article {
	color: #9fa4b1
}

.interview-cancel .interview-article i {
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-interview-cancel.2ca4be65.png)
		no-repeat 50%/100%
}

.interview-status0 .interview-article {
	color: #414a60
}

.interview-modal .btns {
	margin-top: 20px
}

.interview-modal .btns .btn {
	width: 90px
}

.interview-wrap .icon-interview {
	display: inline-block;
	width: 15px;
	height: 16px;
	margin-top: 2px;
	vertical-align: top;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons-interview.db38c13f.png)
		0 0 no-repeat
}

.interview-wrap .icon-description {
	background-position: -1px -125px
}

.interview-wrap .icon-time {
	background-position: 0 -75px
}

.interview-wrap .icon-address {
	background-position: -1px -100px
}

.interview-wrap .icon-position {
	background-position: -1px -50px
}

.contact-line {
	margin: 0 3px
}

.interview-contact-name {
	max-width: 84px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.interview-contactor {
	word-break: break-all
}

.virtual-tip {
	color: #61687c;
	font-size: 14px
}

.icon-contactor {
	vertical-align: top;
	margin-left: -2px;
	display: inline-block;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-contact.031f2495.png)
		no-repeat 50%/100% 100%;
	width: 18px;
	height: 18px
}

.interview-wrap .btn-block {
	line-height: 38px;
	display: block;
	width: 100%;
	height: 38px;
	margin: 15px 0 5px;
	padding: 0;
	text-align: center;
	color: #414a60;
	border: 1px solid #d1d4db;
	background: #fff
}

.interview-wrap .btn-block:hover {
	color: #5dd5c8;
	border-color: #5dd5c8;
	background: #fff
}

.interview-addition {
	overflow: auto;
	max-height: 120px;
	word-wrap: break-word;
	word-break: break-all
}

.interview-tip {
	margin-bottom: 10px;
	font-size: 12px;
	color: #8d92a1
}

.interview-hint-wrap .dialog-container {
	padding: 15px 30px 20px
}

.interview-hint {
	width: 400px
}

.interview-hint ul {
	margin-left: 20px;
	padding-bottom: 20px
}

.interview-hint li {
	list-style: square
}

.interview-hint dl {
	position: relative;
	padding: 3px 0 20px 45px
}

.interview-hint dl dt {
	padding: 5px 0
}

.interview-invitation .dialog-footer {
	padding-bottom: 25px
}

.interview-hint .article {
	font-size: 18px;
	padding: 12px 0 18px;
	color: #414a60
}

.dialog-interview-default .data-manage td {
	padding: 8px 0
}

.dialog-interview-default .data-manage p {
	padding: 0
}

.dialog-interview-default .data-manage .tip-address {
	word-wrap: break-word;
	word-break: break-all
}

.dialog-interview-default .data-manage .t {
	width: 25px;
	text-align: left;
	vertical-align: top;
	color: #9fa3b0
}

.dialog-interview-default .data-manage .icon-post {
	height: 16px;
	vertical-align: middle;
	margin-left: 10px
}

.interview-modal .btns .btn-outline {
	float: right
}

.interview-modal .btns {
	text-align: center
}

.interview-modal .btn {
	margin-right: 10px
}

.interview-modal .btn:last-of-type {
	margin-right: 0
}

.chat-position-bar {
	font-size: 13px;
	line-height: 40px;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 40px;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: hsla(0, 0%, 98%, .9)
}

.chat-position-bar .dz-boss-notice {
	color: #19d7c8;
	font-size: 12px;
	margin-right: 20px;
	cursor: pointer
}

.chat-zdboss-notice .dialog-container {
	padding: 30px 30px 40px;
	font-size: 13px;
	line-height: 26px
}

.chat-zdboss-notice .dialog-container .article {
	font-weight: 400;
	font-size: 16px
}

.chat-zdboss-notice .dialog-container .gray {
	padding: 8px 0 5px
}

.chat-zdboss-notice .dialog-container dt {
	font-size: 14px;
	padding-bottom: 3px
}

.chat-zdboss-notice .dialog-footer .btns {
	padding-top: 10px
}

.chat-zdboss-notice .dialog-container dd {
	text-indent: .5em;
	color: #9fa3b0
}

.chat-position-bar a {
	display: inline-block;
	width: auto;
	padding-right: 24px;
	text-indent: 33px;
	color: #61687c
}

.chat-position-bar a:hover {
	color: #61687c
}

.chat-position-bar .bar-position-name {
	margin: 0 12px;
	color: #00c2b3
}

.inner-notice {
	font-size: 13px;
	line-height: 40px;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 40px;
	color: #5e96f2;
	text-align: left;
	background: #eef4fd
}

.inner-notice .iboss-bell-solid {
	margin: 0 12px
}

.chat-tips {
	line-height: 2.5;
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	width: 100%;
	animation: chatTipsFadeIn .3s both;
	text-align: center;
	color: #fff;
	background: rgba(255, 0, 0, .5)
}

.chat-tips-show {
	display: block
}

@
keyframes chatTipsFadeIn { 0%{
	opacity: 0
}

to {
	opacity: 1
}

}
.dialog-upload-guid {
	position: fixed;
	z-index: 20;
	top: 50%;
	left: 50%;
	display: inline-block;
	width: 330px;
	margin-top: -100px;
	margin-left: -119px;
	padding: 25px 20px 21px;
	border: 1px solid #e7e9ee;
	background: #fff;
	-webkit-box-shadow: 0 0 14px rgba(0, 0, 0, .11);
	box-shadow: 0 0 14px rgba(0, 0, 0, .11);
	z-index: 100
}

@media ( max-width :1280px) {
	.dialog-upload-guid {
		margin-left: -102px
	}
}

@media ( max-width :1254px) {
	.dialog-upload-guid {
		left: auto;
		margin-left: 180px
	}
}

.dialog-upload-guid .dialog-title {
	padding: 0 0 12px
}

.dialog-upload-guid .dialog-title h3 {
	font-size: 16px;
	font-weight: 400
}

.dialog-upload-guid .header a:hover {
	background: #ddd
}

.dialog-upload-guid .content {
	font-size: 14px;
	line-height: 30px;
	padding: 0 10px 20px 0
}

.dialog-upload-guid .footer {
	text-align: center
}

.dialog-upload-guid .footer .btn {
	position: relative;
	margin: 0
}

.dialog-upload-guid .footer .btn:hover {
	opacity: .8
}

.dialog-upload-guid .footer .btn input {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	overflow: hidden;
	width: 100px;
	height: 34px;
	cursor: pointer;
	opacity: 0
}

.dialog-resume-preview #pop-resume, .dialog-resume-preview #pop-resume .pop-item
	{
	display: block
}

.dialog-resume-preview .modify-resume {
	position: relative;
	margin-top: 20px
}

.dialog-resume-preview .reupload-resume {
	position: relative
}

.dialog-resume-preview .modify-resume input, .dialog-resume-preview .reupload-resume input
	{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 32px;
	opacity: 0
}

.dialog-resume-preview .pop-success img {
	display: block;
	width: 810px;
	margin: 0 auto
}

.dialog-resume-preview #pop-resume .pop-success .content {
	overflow-x: hidden;
	overflow-y: auto;
	height: 0;
	background: none
}

.dialog-resume-preview #pop-resume .pop-item .content {
	height: -100vh
}

.choose-resume-dialog .dialog-header {
	padding: 0 30px
}

.choose-resume-dialog .dialog-header .title {
	font-size: 20px;
	line-height: 24px;
	color: #414a60
}

.choose-resume-dialog .dialog-container {
	padding: 30px 0
}

.choose-resume-dialog .resume-title {
	margin-top: 20px;
	color: #414a60;
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 10px
}

.choose-resume-dialog .resume-title .sub-title {
	color: #8d92a1;
	font-size: 12px
}

.choose-resume-dialog .pl30 {
	padding: 0 30px
}

.choose-resume-dialog .resume-top-tip {
	padding: 0 20px;
	background-color: #fff3e7;
	height: 34px;
	border-radius: 2px;
	line-height: 34px;
	color: #f8a120;
	font-size: 13px;
	margin-top: 4px;
	margin-bottom: 10px
}

.choose-resume-dialog .resume-top-tip .btn-upload {
	width: 56px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	line-height: 22px;
	display: inline-block;
	height: 22px;
	border-radius: 12px;
	background-color: #ffaa32;
	box-shadow: 0 2px 4px 0 rgba(248, 161, 32, .38);
	float: right;
	margin-top: 6px;
	cursor: pointer
}

.choose-resume-dialog .resume-top-tip .icon-xinxi-tip {
	margin-right: 8px;
	float: left;
	margin-top: 8px;
	display: inline-block;
	width: 17px;
	height: 17px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-error.4af2d3d7.png)
		no-repeat;
	background-size: cover
}

.choose-resume-dialog .resume-video {
	position: relative;
	margin-right: 10px
}

.choose-resume-dialog .resume-video, .choose-resume-dialog .resume-video img
	{
	width: 44px;
	height: 52px;
	border-radius: 4px
}

.choose-resume-dialog .resume-video .video-mask {
	border-radius: 4px;
	position: absolute;
	background-color: #d8d8d8;
	background: rgba(0, 0, 0, .3);
	width: 44px;
	height: 52px;
	left: 0;
	top: 0
}

.choose-resume-dialog .resume-video .icon-video-play {
	position: absolute;
	left: 50%;
	margin-left: -6px;
	top: 50%;
	margin-top: -8px;
	display: inline-block;
	width: 12px;
	height: 16px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/video-play-shadow.7f092725.png)
		no-repeat 50%/100% 100%
}

.choose-resume-dialog .resume-video.disabled {
	background-color: #000
}

.choose-resume-dialog .btn-confirm {
	float: right;
	width: 102px;
	height: 40px
}

.choose-resume-dialog .resume-list {
	margin-bottom: 15px
}

.choose-resume-dialog .resume-list .list-item {
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 44px;
	padding: 0 65px 0 30px;
	cursor: pointer;
	color: #62687a;
	margin-right: 0
}

.choose-resume-dialog .resume-list .list-item:hover {
	background-color: #f2f5fa
}

.choose-resume-dialog .resume-list .list-item .radio-inner {
	position: absolute;
	right: 35px;
	top: 50%;
	transform: translateY(-50%);
	margin: 0
}

.choose-resume-dialog .resume-list .list-item .item-body {
	flex: 1;
	color: #414a60
}

.choose-resume-dialog .resume-list .list-item .item-body .resume-name {
	display: inline-block;
	max-width: 130px;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: middle;
	text-overflow: ellipsis
}

.choose-resume-dialog .resume-list .list-item .item-body .resume-label {
	padding: 0 5px;
	height: 17px;
	line-height: 17px;
	font-size: 12px;
	color: #00c2b3;
	background: #eaf9f7;
	border-radius: 2px;
	margin-left: 10px
}

.choose-resume-dialog .resume-list .list-item .item-desc {
	flex: none;
	color: #61687c
}

.choose-resume-dialog .resume-list .list-item .item-desc .resume-size {
	display: inline-block;
	min-width: 60px;
	text-align: right;
	margin-left: 10px
}

.choose-resume-dialog .resume-list .radio-disabled {
	color: #8d92a1;
	cursor: default
}

.choose-resume-dialog .resume-list .radio-disabled:hover {
	background-color: transparent
}

.choose-resume-dialog .resume-list .radio-disabled .item-body,
	.choose-resume-dialog .resume-list .radio-disabled .item-desc {
	color: #8d92a1
}

.choose-resume-dialog .resume-list .radio-disabled .resume-video img {
	filter: grayscale(100%);
	filter: gray
}

.choose-resume-dialog .resume-list .video-list-item {
	height: 68px;
	padding: 8px 65px 8px 30px
}

.choose-resume-dialog .icon-file {
	flex: none;
	width: 19px;
	height: 25px;
	margin-right: 10px;
	background: no-repeat;
	background-size: 100%
}

.choose-resume-dialog .icon-doc {
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-doc.3534788c.png)
}

.choose-resume-dialog .icon-pdf {
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-pdf.d2b22d86.png)
}

.choose-resume-dialog .icon-png {
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-png.3077028e.png)
}

.choose-resume-dialog .icon-jpeg, .choose-resume-dialog .icon-jpg {
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-jpg.3857c1e2.png)
}

.choose-resume-dialog .icon-docx {
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-docx.f5ae5883.png)
}

.honesy-dialog .dialog-container {
	width: 500px
}

.honesy-dialog .dialog-header, .honesy-dialog .dialog-title {
	font-weight: 400;
	margin-bottom: 15px;
	color: #5dd5c8
}

.honesy-dialog .title {
	font-size: 20px
}

.honesy-dialog .dialog-con {
	padding-top: 0;
	padding-bottom: 0
}

.honesy-dialog .dialog-footer {
	padding-right: 0
}

.honesy-dialog .dialog-footer .btns {
	text-align: center
}

.chat-record .item-card {
	display: flex;
	justify-content: center
}

.chat-record .item-card .card {
	user-select: none;
	background: #fff;
	border: 1px solid #ecedee;
	border-radius: 6px;
	min-width: 230px
}

.chat-record .item-card .card .card-info {
	padding: 20px 30px;
	display: flex;
	align-items: center
}

.chat-record .item-card .card .card-info .card-icon {
	width: 38px;
	margin-right: 10px
}

.chat-record .item-card .card .card-info .card-icon img {
	width: 100%;
	vertical-align: top
}

.chat-record .item-card .card .card-body {
	flex: 1
}

.chat-record .item-card .card .card-body .card-desc, .chat-record .item-card .card .card-body .card-title
	{
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.chat-record .item-card .card .card-body .card-title {
	font-size: 15px;
	font-weight: 500;
	color: #414a60;
	line-height: 23px
}

.chat-record .item-card .card .card-body .card-desc {
	font-size: 12px;
	color: #8d92a1;
	line-height: 17px
}

.chat-record .item-card .card .card-footer {
	display: flex;
	border-top: 1px solid #ecedee
}

.chat-record .item-card .card .card-footer .card-btn {
	display: block;
	flex: 1;
	height: 42px;
	line-height: 42px;
	width: 56px;
	font-size: 14px;
	color: #00c2b3;
	text-align: center
}

.dialog-interview .dialog-container {
	width: 360px;
	padding-top: 20px
}

.dialog-interview .close {
	display: none
}

.dialog-interview .dialog-body {
	overflow: visible;
	max-height: none
}

.dialog-interview .interview-title {
	padding-bottom: 15px;
	border-bottom: 1px solid #f1f5f9;
	text-align: center;
	font-size: 16px;
	color: #414a60;
	line-height: 22px
}

.dialog-interview .form .form-item {
	margin-bottom: 0
}

.dialog-interview .form .input-wrap-textarea {
	min-width: 0;
	width: 100%
}

.dialog-interview .form .input-wrap-textarea .input {
	min-height: 80px;
	max-height: 160px
}

.dialog-interview .form .ui-dropmenu {
	width: 80px;
	margin-left: 80px
}

.dialog-interview .form .datepicker-wrap .input-wrap {
	display: block
}

.dialog-interview .form .datepicker-wrap .input, .dialog-interview .form .datepicker-wrap .input-wrap
	{
	min-width: auto;
	width: 100%
}

.dialog-interview .form .ui-select {
	display: block;
	width: 110px
}

.dialog-interview .interview-list {
	margin-top: 15px
}

.dialog-interview .interview-list .interview-item {
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 20px;
	color: #414a60;
	margin: 20px 0
}

.dialog-interview .interview-list .interview-item .flex-1 {
	flex: 1
}

.dialog-interview .interview-list .interview-item .btn-switch {
	color: #00c2b3;
	cursor: pointer;
	user-select: none
}

.dialog-interview .dialog-footer {
	margin: 20px 0 0;
	padding-right: 0;
	padding-top: 0
}

.dialog-interview .dialog-footer .btns {
	text-align: center
}

.dialog-remind .dialog-container {
	width: 360px;
	padding: 20px 20px 30px
}

.dialog-remind .close {
	display: none
}

.dialog-remind .remind-wrap h3 {
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 6px
}

.dialog-remind .remind-wrap .remind-text {
	font-size: 12px;
	line-height: 17px;
	color: #8d92a1
}

.dialog-remind .remind-wrap ul {
	margin: 30px 0
}

.dialog-remind .remind-wrap ul li {
	display: flex;
	align-items: center;
	margin-bottom: 30px
}

.dialog-remind .remind-wrap ul li:last-child {
	margin-bottom: 0
}

.dialog-remind .remind-wrap ul li img {
	flex: none;
	width: 70px;
	height: 70px;
	margin-right: 15px
}

.nlp-dot {
	cursor: pointer;
	user-select: none;
	position: absolute;
	height: 34px;
	line-height: 34px;
	background: #6097ef;
	border-radius: 17px;
	color: #fff;
	bottom: 152px;
	z-index: 11;
	padding: 0 27px 0 20px;
	font-size: 14px;
	white-space: nowrap
}

.nlp-dot .nlp-dot-close {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 10px;
	vertical-align: middle;
	margin-top: -2px
}

.nlp-dot .nlp-dot-close img {
	width: 100%;
	vertical-align: top
}

.card-box {
	margin-left: 46px
}

.card-box .card-top {
	color: #9fa3b0;
	font-size: 12px;
	padding-top: 5px;
	line-height: 20px
}

.card-box .list-card {
	display: inline-block;
	border-radius: 0 6px 6px 6px;
	padding: 0 20px 16px;
	background: #f3f5fb;
	max-width: 544px
}

.card-box .list-card .card-title {
	height: 36px;
	line-height: 36px;
	border-bottom: 1px solid #e3e7ed;
	color: #414a60;
	font-size: 12px
}

.card-box .list-card ul li {
	max-width: 400px;
	color: #00c2b3;
	font-size: 14px;
	line-height: 20px;
	margin-top: 16px;
	cursor: pointer
}

.card-box .list-card ul li:hover {
	color: #19d7c8
}

.guide-download-app-chat-v62 {
	display: inline-block;
	align-items: center;
	font-size: 14px;
	color: #00c2b3;
	margin-right: 10px;
	cursor: pointer
}

.guide-download-app-chat-v62 .guide-icon {
	width: 11px;
	height: 16px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/phone2x.e10d1025.png)
		no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
	margin-right: 6px
}

.guide-download-app-chat-v62 div {
	display: inline-block
}

.guide-download-app-chat-v62:hover .guide-icon {
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/phone2x-hover.a3287a4c.png)
		no-repeat;
	background-size: 100% 100%
}

.guide-download-app-chat-qrcode-v62 {
	display: none;
	position: fixed;
	top: 122px;
	left: 112px;
	z-index: 9999;
	padding: 14px;
	border: 1px solid #e3e7ed;
	background: #fff;
	border-radius: 4px
}

.guide-download-app-chat-qrcode-v62 .app-icon-v62 {
	width: 134px;
	height: 134px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/download-app-v63.f7677295.png)
		no-repeat;
	background-size: 100% 100%
}

.guide-download-app-chat-qrcode-v62 .app-icon-arrow {
	position: absolute;
	top: -5px;
	left: 76px;
	width: 8px;
	height: 8px;
	border: 1px solid #e3e7ed;
	border-top: none;
	border-right: none;
	transform: rotate(135deg);
	background: #fff
}

.floatRight {
	margin-right: 20px;
	float: right;
	color: #414a60
}

.dialog-virtual-container {
	padding: 15px 0 0;
	box-sizing: border-box;
	width: 330px;
	left: 26px !important;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
	border-radius: 2px
}

.dialog-virtual-container:after, .dialog-virtual-container:before {
	display: none
}

.dialog-virtual-container .virtual-title {
	font-size: 15px;
	font-weight: 500;
	line-height: 21px;
	padding: 0 30px
}

.virtual-container {
	margin-top: 10px;
	padding: 0 30px
}

.virtual-container .virtual-switch {
	color: #414a60;
	font-size: 14px;
	display: flex;
	align-items: center
}

.virtual-container .virtual-switch img {
	margin-right: 6px;
	width: 20px
}

.virtual-container .virtual-switch .flex-right {
	flex: 1;
	text-align: right
}

.virtual-container
 
.virtual-switch
 
.flex-right
 
.btn-switch
:not
 
(
.ui-switch-checked

	
){
background
:
 
#d1d4db
;

	
border
:
 
1
px
 
solid
 
#d1d4db
;

	
box-sizing
:
 
border-box
;

	
text-align
:
 
right


}
.virtual-container .virtual-switch .flex-right .btn-switch:not (.ui-switch-checked
	 ):hover {
	background: #b5b8bf;
	border-color: #b5b8bf
}

.virtual-container .virtual-switch .flex-right .ui-switch-checked:not (.ui-switch-disabled
	 ):hover {
	background: #00d7c6;
	border-color: #00d7c6
}

.virtual-container .virtual-switch .flex-right .ui-switch-disabled {
	background: #b8e7e6;
	border: 1px solid #b8e7e6
}

.virtual-container .virtual-switch .flex-right .popover-content {
	width: 184px;
	box-sizing: border-box;
	background-color: #444;
	border-color: #444;
	font-size: 13px;
	line-height: 20px;
	text-align: left
}

.virtual-container .virtual-switch .checkbox-inner {
	border-radius: 50%;
	width: 16px;
	height: 16px
}

.virtual-container .virtual-switch .checkbox-edging {
	border-radius: 50%
}

.virtual-container .virtual-switch .checkbox-edging:after {
	left: 4px;
	top: 1px;
	width: 5px;
	height: 9px
}

.virtual-container .virtual-switch .checkbox-inner {
	margin-right: 0
}

.virtual-container .virtual-content {
	font-size: 12px;
	line-height: 20px;
	color: #8d92a1;
	margin-top: 8px
}

.virtual-footer {
	border-top: 1px solid #f6f6f6;
	height: 43px;
	margin-top: 10px
}

.virtual-footer span {
	float: left;
	display: inline-block;
	height: 43px;
	width: 50%;
	box-sizing: border-box;
	text-align: center;
	line-height: 43px;
	color: #00c2b3;
	position: relative;
	cursor: pointer
}

.virtual-footer span:hover {
	color: #00d7c6
}

.virtual-footer .virtual-cancel:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -10px;
	width: 1px;
	height: 20px;
	background: #f6f6f6
}

.chat-record li .text .link a {
	margin-left: 0
}

.chat-record li .text .message-card-hyperlink {
	display: block;
	text-decoration: none !important;
	font-size: 15px;
	max-width: 245px;
	padding-top: 5px;
	color: #fff;
	margin-left: 0
}

.chat-record li .text .message-card-hyperlink:hover {
	color: #fff
}

.chat-record li .text .message-card-hyperlink .web-content {
	display: flex;
	align-items: center;
	border-top: 1px solid #eee;
	padding-top: 5px;
	margin-top: 5px;
	font-size: 14px
}

.chat-record li .text .message-card-hyperlink .web-content img {
	width: 18px;
	height: 18px;
	margin-right: 8px
}

.chat-record li .text .message-card-hyperlink .web-title {
	margin-bottom: 5px;
	font-size: 14px
}

.chat-record li.item-friend .text .message-card-hyperlink, .chat-record li.item-friend .text .message-card-hyperlink:hover
	{
	color: #414a60
}

.chat-record li.item-friend .text .message-card-hyperlink .web-content {
	border-top: 1px solid rgba(65, 74, 96, .3)
}

.frame-h5-dialog .dialog-container {
	padding: 0
}

.frame-h5-dialog .dialog-body {
	max-height: 100vh
}

.frame-h5-dialog .frame-container iframe {
	display: block;
	border: 0;
	width: 375px;
	min-height: 600px
}

.prop-container {
	display: flex;
	padding-top: 20px
}

.prop-content {
	flex: 1;
	width: 884px
}

.prop-list li {
	padding: 20px 40px;
	margin-bottom: 20px;
	background: #fff
}

.prop-list li:last-of-type {
	margin-bottom: 0
}

.prop-list .item-header {
	display: flex;
	padding: 0 0 15px;
	border-bottom: 1px solid #f2f3f3
}

.prop-list .item-header .figure img {
	width: 74px;
	height: 74px;
	display: block
}

.prop-list .item-header .text {
	margin-left: 15px;
	padding-top: 10px;
	flex: 1
}

.prop-list .item-header .text h4 {
	font-size: 24px
}

.prop-list .item-header .text p {
	opacity: .8;
	margin-top: 3px
}

.prop-list .item-header .op p {
	text-align: right;
	padding-bottom: 10px;
	font-size: 12px
}

.prop-list .item-intro {
	margin: 0 -40px;
	display: flex;
	justify-content: space-between
}

.prop-list .item-intro .item-img {
	width: 220px;
	text-align: center
}

.prop-list .item-intro .item-img img {
	vertical-align: top
}

.prop-list .item-intro .item-img .normal-content {
	padding-top: 30px;
	line-height: 22px
}

.prop-list .item-intro .item-img .normal-content img {
	width: 60px;
	margin-bottom: 6px
}

.prop-list .item-intro .item-img .hover-content {
	display: none
}

.prop-list .item-intro .item-img .hover-content img {
	width: 210px;
	margin-bottom: 2px
}

.prop-list .item-intro .item-img .gray {
	color: #8d92a1;
	font-size: 12px
}

.prop-list .item-intro .item-img:hover .normal-content {
	display: none
}

.prop-list .item-intro .item-img:hover .hover-content {
	display: block
}

.prop-list .data-tips {
	height: calc(100vh - 320px);
	min-height: 433px
}

.prop-refresh-success .dialog-container {
	padding: 66px 30px
}

.prop-refresh-success .dialog-body img {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto 18px
}

.prop-refresh-success .dialog-body h4 {
	text-align: center;
	font-size: 18px;
	color: #414a60;
	line-height: 25px;
	font-weight: 400
}

.prop-refresh-success .dialog-footer {
	padding: 0;
	margin-top: 30px
}

.prop-refresh-success .dialog-footer .btns {
	text-align: center
}

.prop-refresh-success .dialog-footer .btns .btn {
	width: 140px
}

.prop-sider {
	width: 284px;
	margin-left: 16px
}

.prop-nav {
	padding: 0 30px
}

.prop-nav li {
	border-bottom: 1px solid #f2f2f5
}

.prop-nav li:last-of-type {
	border-bottom: 0
}

.prop-nav a {
	display: block;
	line-height: 50px
}

.prop-nav a.router-link-active {
	color: #5dd5c8
}

.prop-total .icon-help {
	width: 24px;
	height: 24px;
	margin-right: -5px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-help.a10fb895.png)
		4px 4px no-repeat;
	cursor: pointer
}

.prop-total .icon-help:hover {
	background-position: -21px 4px
}

.prop-total .promotion-text {
	font-size: 12px;
	color: #9fa3b0
}

.prop-total .text {
	display: flex;
	padding: 10px 0 15px
}

.prop-total .text .total {
	flex: 1
}

.prop-total .text .total img {
	width: 25px;
	height: 24px;
	vertical-align: middle;
	margin-right: 3px
}

.prop-total .text .total b {
	font-size: 24px;
	color: #ff6223;
	display: inline-block;
	vertical-align: middle;
	font-weight: 400
}

.prop-total .text .more {
	padding-top: 7px;
	cursor: pointer
}

.prop-total .text .more:hover {
	color: #5dd5c8
}

.prop-total .text .more i {
	margin-right: -4px
}

.prop-total .btn-buy {
	width: 100%
}

.prop-total ul {
	margin: 20px -30px 0
}

.prop-total ul:last-child {
	margin-bottom: -15px
}

.prop-total li {
	line-height: 44px;
	border-top: 1px solid #f2f5fa;
	padding: 0 30px;
	cursor: pointer
}

.prop-total li:hover {
	background-color: #f2f5fa;
	transition: all .2s linear
}

.prop-total li .count {
	float: right
}

.prop-intro-dialog .dialog-header .title {
	font-size: 22px;
	padding-left: 30px;
	padding-bottom: 20px
}

.prop-intro-dialog .dialog-container {
	width: 570px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px
}

.prop-intro-dialog .dialog-body {
	height: calc(100vh - 128px);
	max-height: 420px;
	background-color: #f9fafb
}

.prop-intro-dialog .bean-question {
	background-color: #f9fafb
}

.prop-intro-dialog .bean-question dl {
	padding: 20px 40px 1px 30px
}

.prop-intro-dialog .bean-question dt {
	position: relative;
	margin-bottom: 5px
}

.prop-intro-dialog .bean-question dt:before {
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #18c3b1;
	position: absolute;
	left: -10px;
	top: 8px
}

.prop-intro-dialog .bean-question dd {
	margin-bottom: 30px;
	color: #9fa3b0
}

.prop-intro-dialog .bean-tab {
	border-bottom: 1px solid #edf0f2;
	padding-left: 30px
}

.prop-intro-dialog .bean-tab span {
	display: inline-block;
	width: 108px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #9fa3b0;
	border: 1px solid #edf0f2;
	margin-right: -1px;
	margin-bottom: -1px;
	cursor: pointer
}

.prop-intro-dialog .bean-tab span.selected {
	background: #f9fafb;
	color: #414a60;
	border-bottom: 1px solid #f9fafb
}

.prop-intro-dialog .bean-detail .bean-history {
	background-color: #f9fafb;
	padding: 0 30px
}

.prop-intro-dialog .bean-detail .bean-history table {
	width: 100%
}

.prop-intro-dialog .bean-detail .bean-history td, .prop-intro-dialog .bean-detail .bean-history th
	{
	height: 50px;
	border-bottom: 1px solid #edf0f2;
	vertical-align: middle;
	text-align: center
}

.prop-intro-dialog .bean-detail .bean-history td:first-of-type,
	.prop-intro-dialog .bean-detail .bean-history th:first-of-type {
	width: 140px
}

.prop-intro-dialog .bean-detail .bean-history td span:last-of-type,
	.prop-intro-dialog .bean-detail .bean-history th span:last-of-type {
	display: inline-block;
	width: 80px
}

.prop-intro-dialog .bean-detail .bean-history td:first-of-type {
	text-align: left
}

.prop-intro-dialog .bean-detail .bean-history .price {
	color: #ff6223
}

.prop-intro-dialog .bean-detail .bean-history .loading-more-container {
	text-align: center;
	padding: 10px 0
}

.prop-intro-dialog .bean-detail .bean-history .loading-more-container span
	{
	font-size: 12px;
	color: #9fa3b0
}

.prop-intro-dialog .bean-detail .bean-history .data-tips {
	background: none;
	height: 340px;
	min-height: 0
}

.coupon-sider-dialog .dialog-header .title {
	color: #fff;
	font-size: 18px;
	text-indent: 30px;
	line-height: 60px;
	height: 60px;
	background: #28c3b1
}

.coupon-sider-dialog .dialog-header .close {
	display: none
}

.coupon-frame iframe {
	border: 0;
	width: 100%;
	height: 100vh
}

.withdraw-qrcode-dialog .dialog-header .title {
	font-size: 20px;
	text-align: center;
	font-weight: 700
}

.withdraw-qrcode-dialog .qrcode-withdraw {
	padding-top: 15px
}

.withdraw-qrcode-dialog .qrcode-withdraw img {
	width: 168px;
	height: 168px;
	display: block;
	margin: 0 auto
}

.withdraw-qrcode-dialog .qrcode-withdraw p {
	width: 150px;
	text-align: center;
	margin: 5px auto 0
}

.record-content {
	flex: 1;
	background-color: #fff;
	display: flex
}

.record-content .data-tips {
	height: auto;
	flex: 1
}

.prop-tab {
	width: 220px;
	background: #f8f9fb
}

.prop-tab .current {
	background: #fff
}

.prop-tab .prop-tab-item {
	display: flex;
	padding: 24px 0 24px 20px;
	align-items: center;
	cursor: pointer
}

.prop-tab .prop-tab-item:hover {
	background: rgba(0, 0, 0, .02)
}

.prop-tab .prop-tab-item img {
	width: 42px;
	height: 42px;
	margin-right: 15px;
	display: block
}

.prop-tab .prop-tab-body {
	flex: 1
}

.prop-tab .prop-tab-name {
	height: 20px;
	font-size: 14px;
	color: #50586c;
	line-height: 20px
}

.prop-tab .prop-tab-desc, .prop-tab .prop-tab-name {
	font-weight: 400;
	width: 100%;
	overflow: hidden;
	white-space: nowrap
}

.prop-tab .prop-tab-desc {
	height: 17px;
	font-size: 12px;
	font-family: PingFangSC-Regular;
	color: #838997;
	line-height: 17px;
	margin-top: 4px
}

.prop-tab .prop-tab-desc span {
	display: inline-block;
	position: relative;
	padding: 0 5px 0 6px
}

.prop-tab .prop-tab-desc span:before {
	content: "";
	display: block;
	position: absolute;
	height: 10px;
	border-left: 1px solid #dbdfe8;
	left: 0;
	top: 50%;
	margin-top: -5px
}

.prop-tab .prop-tab-desc span:first-child {
	padding-left: 0
}

.prop-tab .prop-tab-desc span:first-child:before {
	display: none
}

.prop-tab .prop-tab-desc span .icon-item-vip {
	display: inline-block;
	width: 36px;
	height: 16px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-vip.4c518c13.png)
		no-repeat 50%;
	vertical-align: middle;
	margin-top: -2px
}

.mall-items-tab {
	border-bottom: 1px solid #eef0f5;
	white-space: nowrap
}

.mall-items-tab a {
	display: inline-block;
	padding: 0 2px;
	height: 42px;
	line-height: 40px;
	font-size: 14px;
	margin-right: 40px;
	vertical-align: top
}

.mall-items-tab a.cur {
	color: #00c2b3;
	border-bottom: 2px solid #5dd5c8
}

.mall-items-list {
	flex: 1;
	padding: 0 30px;
	min-height: 640px;
	width: 0;
	font-size: 13px;
	display: flex;
	flex-direction: column
}

.mall-items-list li {
	display: flex;
	border-bottom: 1px solid #eef0f5;
	padding: 16px 0;
	align-items: center;
	line-height: 24px
}

.mall-items-list li a {
	color: #00c2b3
}

.mall-items-list li input.item-input-read {
	padding: 0;
	border: 0;
	margin: 0
}

.mall-items-list li input.item-input-read.item-input-name {
	width: 178px
}

.mall-items-list li input.item-input-read.item-input-pwd {
	width: 54px
}

.mall-items-list li input.item-input-read .icon-item-vip {
	display: inline-block;
	width: 36px;
	height: 16px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-vip.4c518c13.png)
		no-repeat 50%;
	vertical-align: middle;
	margin: -2px 0 0 10px
}

.mall-items-list li .item-label {
	color: #8d92a1
}

.mall-items-list li .item-text {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.mall-items-list li .item-fn {
	text-align: right;
	flex: 1;
	color: #8d92a1
}

.mall-items-list li .item-fn span {
	float: left
}

.mall-items-list li .item-fn .btn-small {
	width: 50px;
	margin-left: 20px;
	vertical-align: top
}

.mall-items-list li .item-fn .btn-small:first-child {
	margin-left: 0
}

.mall-items-list li .icon-item-vip {
	display: inline-block;
	overflow: hidden;
	width: 36px;
	height: 16px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-vip.4c518c13.png)
		no-repeat 50%;
	text-indent: -9999em;
	vertical-align: middle;
	margin-top: -2px
}

.mall-items-list li .item-title {
	width: 40.98039215686274%
}

.mall-items-list li .item-time {
	width: 32.94117647058823%
}

.mall-items-list li .item-send-title {
	width: 21.96078431372549%
}

.mall-items-list li .item-send-time {
	width: 36.666666666666664%
}

.mall-items-list li .item-send-position {
	width: 31.56862745098039%
}

.mall-items-list li .item-test-body {
	width: 84%;
	display: flex;
	flex-wrap: wrap
}

.mall-items-list li .item-test-body .icon-item-vip {
	position: absolute;
	margin-top: -13px
}

.mall-items-list li .item-test-name {
	width: 66.1214953271028%
}

.mall-items-list li .item-test-pwd {
	width: 33.8785046728972%
}

.mall-items-blank {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-bottom: 20%;
	color: #5dd5c8;
	user-select: none
}

.prop-blank {
	padding: 30px 90px;
	flex: 1
}

.prop-blank .tip-inner {
	display: flex;
	height: 266px;
	border-bottom: 1px solid #f2f2f5;
	align-items: center;
	justify-content: center
}

.prop-blank .tip-inner .figure {
	width: 194px
}

.prop-blank .tip-inner .text h4 {
	font-size: 18px;
	font-weight: 400;
	padding-bottom: 5px;
	margin-top: -10px
}

.prop-blank .tip-inner .text p {
	padding: 1px 0
}

.prop-blank .tip-inner .text p a {
	color: #00c2b3
}

.prop-blank .tip-inner .text p a:hover {
	color: #6adbcf
}

.prop-blank .tip-inner .text p.gray {
	font-size: 13px
}

.prop-blank ul {
	display: flex;
	align-items: center;
	padding: 70px 0 20px
}

.prop-blank ul li {
	display: flex;
	flex: 1
}

.prop-blank ul li .figure {
	width: 74px
}

.prop-blank ul li .text {
	margin-left: 25px
}

.prop-blank ul li .text h4 {
	font-weight: 400;
	padding-top: 7px
}

.prop-blank ul li .text p {
	font-size: 13px;
	color: #9fa3b0
}

.prop-blank ul li:last-of-type .figure {
	margin-left: 30px
}

.prop-container .job-pannel, .prop-job-dialog .job-pannel {
	margin-top: 17px;
	border-top: 1px solid #5dd5c8;
	background-color: #f8f9fb
}

.prop-container .job-pannel li, .prop-job-dialog .job-pannel li {
	display: flex;
	border-bottom: 1px solid #f1f3f5;
	padding: 15px 30px;
	cursor: pointer;
	position: relative
}

.prop-container .job-pannel li:last-of-type, .prop-job-dialog .job-pannel li:last-of-type
	{
	border-bottom: 0
}

.prop-container .job-pannel li.selected, .prop-job-dialog .job-pannel li.selected
	{
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-checked.0550d50c.png)
		100% 0 no-repeat
}

.prop-container .job-pannel li:hover, .prop-job-dialog .job-pannel li:hover
	{
	background-color: #f1f3f5;
	border-bottom-color: #ededed
}

.prop-container .job-pannel li h3, .prop-job-dialog .job-pannel li h3 {
	font-weight: 400;
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.prop-container .job-pannel li .info-primary, .prop-job-dialog .job-pannel li .info-primary
	{
	width: 260px
}

.prop-container .job-pannel li .info-company, .prop-job-dialog .job-pannel li .info-company
	{
	width: 218px
}

.prop-container .job-pannel li .info-publis, .prop-job-dialog .job-pannel li .info-publis
	{
	text-align: right
}

.prop-container .job-pannel li .info-publis .name img, .prop-job-dialog .job-pannel li .info-publis .name img
	{
	width: 20px;
	height: 20px;
	border-radius: 100%;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: -2px
}

.prop-container .job-pannel li .info-publis .name span, .prop-job-dialog .job-pannel li .info-publis .name span
	{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 80px;
	vertical-align: middle;
	display: inline-block
}

.prop-container .job-pannel li .info-publis .gray, .prop-job-dialog .job-pannel li .info-publis .gray
	{
	max-width: 80px
}

.prop-container .job-pannel li p.gray, .prop-job-dialog .job-pannel li p.gray
	{
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.prop-container .job-pannel li p.gray.gray-wrapper .pre-line,
	.prop-job-dialog .job-pannel li p.gray.gray-wrapper .pre-line {
	max-width: 64px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle
}

.prop-container .job-pannel li p.gray.gray-wrapper .pre-line+.pre-line,
	.prop-job-dialog .job-pannel li p.gray.gray-wrapper .pre-line+.pre-line
	{
	max-width: 82px
}

.prop-container .job-pannel li .red, .prop-job-dialog .job-pannel li .red
	{
	color: #ff6223;
	font-size: 15px
}

.prop-container .job-pannel .tip-loading, .prop-job-dialog .job-pannel .tip-loading
	{
	font-size: 12px;
	color: #9fa3b0;
	text-align: center;
	padding: 50px 0
}

.prop-container .job-pannel .tip-loading .ui-icon-loading,
	.prop-job-dialog .job-pannel .tip-loading .ui-icon-loading {
	font-size: 14px;
	margin-top: -2px;
	margin-right: 3px;
	vertical-align: middle
}

.prop-container .job-pannel li {
	display: block;
	padding: 0
}

.prop-container .job-pannel li>a {
	display: flex;
	border-bottom: 1px solid #f1f3f5;
	padding: 15px 30px;
	cursor: pointer
}

.prop-container .job-pannel li>a:hover {
	color: #414a60
}

.prop-job-dialog .dialog-body {
	max-height: 460px
}

.prop-job-dialog .job-pannel {
	width: 590px;
	border: 1px solid #eee;
	background: none;
	min-height: 260px
}

.prop-job-dialog .job-pannel li {
	padding: 10px 15px
}

.prop-job-dialog .job-pannel li .stop-job {
	position: absolute;
	left: 350px;
	top: 15px
}

.prop-job-dialog .job-pannel li .info-primary {
	width: 204px
}

.prop-job-dialog .job-pannel li .info-primary .started {
	display: inline-block;
	padding: 0 5px;
	height: 19px;
	background: rgba(0, 194, 179, .1);
	border-radius: 2px;
	margin-left: 10px;
	line-height: 19px;
	text-align: center;
	font-size: 12px;
	color: #00c2b3;
	font-weight: 400;
	font-style: normal;
	vertical-align: middle
}

.prop-job-dialog .job-pannel li .info-primary .name {
	line-height: 30px;
	margin-bottom: 5px;
	display: flex
}

.prop-job-dialog .job-pannel li .info-primary .name .job-title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.prop-job-dialog .job-pannel li .info-primary .job-postimg {
	width: 26px;
	height: 14px;
	margin: 0 10px;
	vertical-align: middle
}

.prop-job-dialog .job-pannel li .info-company {
	width: 290px;
	padding: 0 20px
}

.prop-job-dialog .job-pannel li .info-company .company-text em {
	display: inline-block;
	font-style: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 140px;
	vertical-align: middle
}

.prop-job-dialog .job-pannel li .info-company .company-text .stop-tag {
	display: inline-block;
	padding: 0 5px;
	height: 19px;
	line-height: 19px;
	text-align: center;
	font-size: 12px;
	color: #8d92a1;
	background: #eef0f5;
	border-radius: 2px;
	margin-left: 10px;
	vertical-align: middle
}

.prop-job-dialog .job-pannel li .info-publis .gray, .prop-job-dialog .job-pannel li .info-publis .name
	{
	display: inline-block
}

.prop-job-dialog .dialog-footer {
	border: 0
}

.prop-job-dialog .dialog-footer .btn-disabled, .prop-job-dialog .dialog-footer .btn-disabled:hover
	{
	color: #9fa3b0;
	background-color: #fff;
	border-color: #d1d4db
}

.dialog-resume-send .data-tips {
	height: 450px
}

.dialog-resume-send .dialog-header h3.title {
	font-size: 18px;
	font-weight: 400;
	color: #51586d
}

.dialog-resume-send .dialog-container {
	width: 460px
}

.dialog-resume-send .dialog-body {
	max-height: none;
	overflow: visible
}

.dialog-resume-send .resume-send-title {
	margin: 20px 0 12px;
	font-size: 14px;
	font-weight: 500;
	color: #51586d;
	line-height: 20px
}

.dialog-resume-send .ui-dropmenu-list {
	width: 100%;
	background: #fff;
	box-sizing: border-box;
	margin-top: -1px;
	border: 1px solid #e3e7ed
}

.dialog-resume-send .ui-dropmenu-list:before {
	display: none
}

.dialog-resume-send .expect-menu {
	display: block
}

.dialog-resume-send .expect-menu .ui-dropmenu-label {
	display: block;
	height: 35px;
	background: #fff;
	border: 1px solid #e3e7ed
}

.dialog-resume-send .expect-menu .ui-dropmenu-list {
	max-height: 260px
}

.dialog-resume-send .expect-item {
	height: 34px;
	line-height: 34px;
	padding: 0 12px;
	color: #61687c;
	display: flex;
	overflow: hidden;
	text-overflow: ellipsis
}

.dialog-resume-send .expect-item.selected {
	color: #00c2b3
}

.dialog-resume-send .expect-item.disabled {
	color: #8d92a1
}

.dialog-resume-send .expect-item.disabled:hover {
	cursor: default;
	background: #fff
}

.dialog-resume-send .expect-item span {
	display: inline-block;
	padding: 0 10px;
	position: relative;
	white-space: nowrap
}

.dialog-resume-send .expect-item span:before {
	content: "";
	position: absolute;
	height: 13px;
	width: 0;
	border-left: 1px solid #e0e0e0;
	left: 0;
	top: 50%;
	margin-top: -6px
}

.dialog-resume-send .expect-item span:first-child {
	padding-left: 0
}

.dialog-resume-send .expect-item span:first-child:before {
	display: none
}

.dialog-resume-send .expect-item small {
	display: block;
	flex: 1;
	text-align: right
}

.dialog-resume-send .expect-menu-group-title {
	padding: 12px;
	font-size: 12px;
	color: #61687c;
	position: relative;
	cursor: pointer
}

.dialog-resume-send .expect-menu-group-title .ui-icon-arrow-down {
	transform: rotate(0)
}

.dialog-resume-send .expect-menu-group-title+.expect-menu-group-wrap {
	display: none
}

.dialog-resume-send .expect-menu-group-title.expect-menu-group-visible .ui-icon-arrow-down
	{
	transform: rotate(180deg)
}

.dialog-resume-send .expect-menu-group-title.expect-menu-group-visible+.expect-menu-group-wrap
	{
	display: block
}

.dialog-resume-send .resume-send-jobinfo {
	display: flex;
	flex-wrap: wrap
}

.dialog-resume-send .resume-send-jobinfo li {
	width: 50%;
	line-height: 30px;
	font-size: 14px;
	font-weight: 400;
	color: #9fa3b0
}

.dialog-resume-send .resume-item-wrap {
	display: block;
	overflow: hidden;
	position: relative;
	padding-right: 30px;
	margin: 0
}

.dialog-resume-send .resume-item-wrap+.resume-item-wrap {
	margin-top: 20px
}

.dialog-resume-send .resume-item-wrap .radio-inner {
	position: absolute;
	right: 0;
	top: 50%;
	margin: -8px 0 0;
	width: 16px;
	height: 16px;
	border: 1px solid #d1d4db;
	overflow: hidden
}

.dialog-resume-send .resume-item-wrap .radio-inner .radio-edging,
	.dialog-resume-send .resume-item-wrap .radio-inner:after {
	display: none
}

.dialog-resume-send .resume-item-wrap.radio-checked .radio-inner {
	background: #53cac3;
	border-color: #53cac3
}

.dialog-resume-send .resume-item-wrap.radio-checked .radio-inner:before
	{
	content: "";
	position: absolute;
	width: 8px;
	height: 5px;
	top: 3px;
	left: 3px;
	transform: rotate(-45deg);
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff
}

.dialog-resume-send .resume-item-wrap .resume-item {
	overflow: hidden;
	display: flex;
	align-items: center
}

.dialog-resume-send .resume-item-wrap .resume-item .icon-file {
	float: left;
	width: 29px;
	height: 38px;
	margin-right: 13px;
	background: no-repeat;
	background-size: 100%
}

.dialog-resume-send .resume-item-wrap .resume-item .icon-doc {
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-doc.3534788c.png)
}

.dialog-resume-send .resume-item-wrap .resume-item .icon-pdf {
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-pdf.d2b22d86.png)
}

.dialog-resume-send .resume-item-wrap .resume-item .icon-png {
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-png.3077028e.png)
}

.dialog-resume-send .resume-item-wrap .resume-item .icon-jpeg,
	.dialog-resume-send .resume-item-wrap .resume-item .icon-jpg {
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-jpg.3857c1e2.png)
}

.dialog-resume-send .resume-item-wrap .resume-item .icon-docx {
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-docx.f5ae5883.png)
}

.dialog-resume-send .resume-item-wrap .resume-item .resume-item-body {
	flex: 1;
	overflow: hidden
}

.dialog-resume-send .resume-item-wrap .resume-item .resume-item-name {
	width: 100%;
	font-size: 13px;
	font-weight: 400;
	color: #61687c;
	line-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis
}

.dialog-resume-send .resume-item-wrap .resume-item .resume-item-desc {
	width: 100%;
	font-size: 12px;
	font-weight: 400;
	color: #9fa3b0;
	line-height: 17px;
	margin-top: 4px;
	overflow: hidden;
	text-overflow: ellipsis
}

.dialog-resume-send .dialog-footer {
	margin-top: 30px
}

.dialog-resume-send.resume-send-loading .dialog-footer {
	display: none
}

.dialog-resume-send.resume-send-disabled .dialog-footer .btn-sure {
	opacity: .5;
	cursor: default;
	pointer-events: none
}

.flex-sider-dialog .dialog-container {
	display: flex;
	flex-direction: column;
	width: 375px
}

.flex-sider-dialog .dialog-container .dialog-body {
	flex: 1;
	height: auto;
	max-height: none
}

.flex-sider-dialog .dialog-container .dialog-body .flex-frame {
	width: 100%;
	height: 100%
}

.flex-sider-dialog .dialog-container .dialog-body .flex-frame iframe {
	border: 0;
	width: 100%;
	height: 100%
}

.prop-buy-dialog .dialog-container {
	overflow: visible
}

.prop-buy-dialog .dialog-body {
	overflow: visible;
	max-height: 100vh
}

.prop-buy-dialog .dialog-body .data-tips {
	height: 420px
}

.prop-buy-dialog .competitive-buy {
	width: 420px;
	min-height: 340px
}

.prop-buy-dialog .competitive-buy h3.name {
	position: relative;
	text-align: center;
	font-size: 20px;
	color: #61687c;
	font-weight: 400
}

.prop-buy-dialog .competitive-buy h3.name img {
	position: absolute;
	top: -60px;
	left: 50%;
	margin-left: -38px;
	width: 74px;
	height: 74px
}

.prop-buy-dialog .competitive-buy h3.name span {
	display: inline-block;
	margin-top: 25px
}

.prop-buy-dialog .competitive-buy .sub-title {
	margin-top: 5px;
	font-size: 12px;
	color: #9fa3b0;
	text-align: center;
	line-height: 26px
}

.prop-buy-dialog .competitive-buy .prop-list {
	margin-top: 20px
}

.prop-buy-dialog .competitive-buy .prop-list li {
	display: flex;
	min-height: 66px;
	padding: 20px;
	border: 1px solid #e3e7ed;
	cursor: pointer;
	transition: all .1s linear
}

.prop-buy-dialog .competitive-buy .prop-list li+li {
	margin-top: 20px
}

.prop-buy-dialog .competitive-buy .prop-list li.selected,
	.prop-buy-dialog .competitive-buy .prop-list li:hover {
	border-color: #5dd5c8;
	box-shadow: 2px 4px 6px rgba(93, 213, 200, .2)
}

.prop-buy-dialog .competitive-buy .prop-list li.show-advice-icon {
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-advice.3913e3ee.png);
	background-position: right 0;
	background-repeat: no-repeat
}

.prop-buy-dialog .competitive-buy .prop-list li .cell-name {
	flex: 1
}

.prop-buy-dialog .competitive-buy .prop-list li .discount {
	display: inline-block;
	margin-left: 20px;
	font-style: normal
}

.prop-buy-dialog .competitive-buy .prop-list li .price {
	font-size: 16px;
	color: #ff6223
}

.prop-buy-dialog .competitive-buy .discount-info {
	position: relative;
	margin-top: 5px;
	padding: 15px 0;
	border-bottom: 1px solid #e3e7ec
}

.prop-buy-dialog .competitive-buy .discount-info .info-label {
	display: inline-block;
	font-size: 13px;
	color: #414b60;
	height: 18px;
	line-height: 18px;
	margin-right: 10px
}

.prop-buy-dialog .competitive-buy .discount-info .discount-list {
	display: inline-block;
	height: 18px;
	line-height: 18px;
	margin-top: -5px;
	margin-bottom: -5px;
	margin-left: -10px
}

.prop-buy-dialog .competitive-buy .discount-info .discount-list li {
	display: inline-block;
	font-size: 13px;
	color: #61687c;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	margin: 5px 10px
}

.prop-buy-dialog .competitive-buy .discount-info .discount-list li img {
	position: relative;
	top: -2px;
	width: 14px;
	height: 14px;
	margin-right: 8px;
	vertical-align: middle
}

.prop-buy-dialog .competitive-buy .discount-info .discount-more {
	position: absolute;
	top: 50%;
	right: 0;
	width: 14px;
	height: 14px;
	display: inline-block;
	cursor: pointer;
	margin-top: -7px
}

.prop-buy-dialog .competitive-buy .discount-info .discount-more:hover .discount-more-btn
	{
	transform: rotate(-90deg)
}

.prop-buy-dialog .competitive-buy .discount-info .discount-more:hover .discount-more-container
	{
	display: block
}

.prop-buy-dialog .competitive-buy .discount-info .discount-more .discount-more-btn
	{
	width: 14px;
	height: 14px;
	transition: all .15s linear
}

.prop-buy-dialog .competitive-buy .discount-info .discount-more .discount-more-container
	{
	display: none;
	position: absolute;
	right: -18px;
	top: -7px;
	z-index: 99;
	background-color: #fff;
	width: 361px;
	padding: 15px;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
	transform: translateY(-100%)
}

.prop-buy-dialog .competitive-buy .discount-info .discount-more .discount-more-container:after
	{
	content: " ";
	position: absolute;
	right: 19px;
	bottom: -12px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top-color: #fff
}

.prop-buy-dialog .competitive-buy .discount-info .discount-more .discount-more-container li
	{
	height: 18px;
	line-height: 18px;
	font-size: 13px
}

.prop-buy-dialog .competitive-buy .discount-info .discount-more .discount-more-container li+li
	{
	margin-top: 10px
}

.prop-buy-dialog .competitive-buy .discount-info .discount-more .discount-more-container li .label-icon
	{
	display: inline-block;
	margin-right: 10px;
	width: 38px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	background: linear-gradient(270deg, #f4cba7, #e9b489);
	border-radius: 2px;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.prop-buy-dialog .competitive-buy .discount-info .discount-more .discount-more-container li em
	{
	font-style: normal;
	font-weight: 400;
	display: inline-block;
	max-width: 212px;
	color: #61687c;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle
}

.prop-buy-dialog .competitive-buy .discount-info .discount-more .discount-more-container li a
	{
	color: #00cec5;
	text-decoration: underline;
	float: right
}

.prop-buy-dialog .competitive-buy .total-price {
	position: absolute;
	left: 30px;
	bottom: 40px;
	height: 48px
}

.prop-buy-dialog .competitive-buy .total-price .cell-price {
	margin-right: 20px
}

.prop-buy-dialog .competitive-buy .total-price .cell-price:last-of-type
	{
	margin-right: 0
}

.prop-buy-dialog .competitive-buy .total-price .cell-exact {
	flex: 1;
	text-align: right
}

.prop-buy-dialog .competitive-buy .total-price .cell-exact .price {
	font-style: normal;
	color: #ff6223
}

.prop-buy-dialog .competitive-buy .total-price .discount-price {
	color: #fc6c38;
	font-size: 24px;
	display: block;
	height: 30px;
	line-height: 30px
}

.prop-buy-dialog .competitive-buy .total-price .origin-price {
	color: #8d92a1;
	font-size: 13px;
	display: block;
	height: 18px;
	line-height: 18px;
	text-decoration: line-through
}

.prop-buy-dialog .competitive-buy .btns {
	text-align: right;
	margin-top: 37px;
	margin-bottom: 23px
}

.prop-buy-dialog .competitive-buy .btns .btn-primary {
	min-width: 108px
}

.prop-buy-dialog .competitive-buy .btns .cancel-btn {
	min-width: 80px
}

.prop-buy-dialog .competitive-buy .btns .buy-btn {
	min-width: 108px;
	margin-left: 10px
}

.prop-buy-dialog .data-tips {
	width: 420px
}

.prop-recharge-dialog .dialog-body {
	overflow: initial;
	max-height: 100vh
}

.prop-recharge-dialog .dialog-body .data-tips {
	width: 400px;
	height: 197px;
	min-height: 0
}

.prop-recharge-dialog .bean-buy {
	width: 400px
}

.prop-recharge-dialog .bean-buy h3.name {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 10px
}

.prop-recharge-dialog .bean-buy li {
	display: flex
}

.prop-recharge-dialog .bean-buy li .cell-name, .prop-recharge-dialog .bean-buy li .cell-num
	{
	flex: 1;
	align-self: center;
	padding: 10px 0;
	color: #61687c
}

.prop-recharge-dialog .bean-buy li .cell-num {
	text-align: right
}

.prop-recharge-dialog .bean-buy li .cell-num .inputnumber-wrap {
	width: 150px
}

.prop-recharge-dialog .bean-buy li .cell-num .input {
	border: 0;
	background-color: #f2f5fa;
	height: 40px;
	text-align: right;
	font-size: 18px
}

.prop-recharge-dialog .bean-buy li .cell-num .input:focus {
	box-shadow: none
}

.prop-recharge-dialog .bean-buy li .cell-num .inputnumber-down,
	.prop-recharge-dialog .bean-buy li .cell-num .inputnumber-up {
	right: auto;
	left: 5px
}

.prop-recharge-dialog .bean-buy .btns {
	text-align: right;
	padding: 20px 0 5px
}

.prop-recharge-dialog .bean-buy .btns .btn {
	min-width: 100px
}

.confirm-order-dialog .dialog-container {
	background: #fafafa
}

.confirm-order-dialog .pay-title {
	height: 60px;
	line-height: 56px;
	padding: 0 30px
}

.confirm-order-dialog .pay-title img {
	margin: 0 10px
}

.confirm-order-dialog .pay-preorder .title-way {
	padding: 15px 0;
	line-height: 20px;
	color: #61687c;
	font-size: 14px
}

.confirm-order-dialog .pay-preorder .text-protocol {
	font-size: 13px;
	line-height: 18px;
	color: #61687c
}

.confirm-order-dialog .pay-preorder .text-protocol a {
	color: #00c2b3
}

.confirm-order-dialog .pay-preorder .pay-result .gray {
	color: #999
}

.confirm-order-dialog .pay-preorder .pay-result a {
	color: #00c2b3;
	margin-left: 8px
}

.confirm-order-dialog .order-info-container {
	padding: 10px 30px 20px;
	background-color: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, .04);
	overflow: hidden
}

.confirm-order-dialog .order-info-container li.item-info {
	position: relative
}

.confirm-order-dialog .order-info-container li.item-info:after,
	.confirm-order-dialog .order-info-container li.item-info:before {
	content: " ";
	position: absolute;
	bottom: -10px;
	background-color: #fafafa;
	width: 20px;
	height: 20px;
	border-radius: 100%
}

.confirm-order-dialog .order-info-container li.item-info:before {
	left: -40px
}

.confirm-order-dialog .order-info-container li.item-info:after {
	right: -40px
}

.confirm-order-dialog .order-info-container li.item-info .cell-name img
	{
	width: 56px;
	height: 56px
}

.confirm-order-dialog .order-info-container li.item-info .cell-name p {
	margin-left: 8px;
	padding-top: 8px
}

.confirm-order-dialog .order-info-container li.item-info .cell-name p b
	{
	font-weight: 500;
	line-height: 20px;
	height: 20px
}

.confirm-order-dialog .order-info-container li.item-info .cell-name p span
	{
	display: block;
	line-height: 20px;
	height: 20px
}

.confirm-order-dialog .order-info-container li.discount-info {
	display: block;
	min-height: auto
}

.confirm-order-dialog .order-info-container li.discount-info .discount-info-item
	{
	width: 100%;
	height: 17px;
	line-height: 17px;
	color: #9fa3b0;
	font-size: 12px;
	overflow: hidden
}

.confirm-order-dialog .order-info-container li.discount-info .discount-info-item+.discount-info-item
	{
	margin-top: 10px
}

.confirm-order-dialog .order-info-container li.discount-info .discount-info-item .desc
	{
	float: left;
	max-width: 220px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.confirm-order-dialog .order-info-container li.discount-info .discount-info-item .price
	{
	float: right;
	max-width: 100px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.confirm-order-dialog .pay-preorder li {
	padding: 10px 0
}

.confirm-order-dialog .pay-preorder li .cell-name {
	line-height: 20px
}

.confirm-order-dialog .pay-preorder li .cell-price {
	line-height: 20px;
	height: 20px
}

.pay-title {
	height: 50px;
	line-height: 46px;
	background-color: #f9fafb;
	margin: -24px -30px 0;
	padding: 0 30px 0 28px
}

.pay-title img {
	width: 16px;
	height: 20px;
	vertical-align: middle;
	margin: -2px 10px 0 0
}

.pay-title span {
	display: inline-block;
	font-weight: 400;
	font-size: 16px;
	vertical-align: middle
}

.icon-pay-alipay, .icon-pay-weixin {
	display: inline-block;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -2px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons-payment.8697e678.png)
		no-repeat;
	background-position: 0 2px
}

.icon-pay-alipay {
	background-position: 0 -30px
}

.pay-preorder {
	width: 380px
}

.pay-preorder li {
	display: flex;
	border-bottom: 1px solid #eef0f7;
	padding: 8px 0;
	min-height: 45px
}

.pay-preorder li:last-of-type {
	border-bottom: 0
}

.pay-preorder li .cell-name {
	flex: 1;
	align-items: center;
	align-self: center
}

.pay-preorder li.item-info .cell-name {
	display: flex
}

.pay-preorder li.item-info .cell-name img {
	width: 54px;
	height: 54px
}

.pay-preorder li.item-info .cell-name p {
	padding-top: 8px;
	margin-left: 10px
}

.pay-preorder li.item-info .cell-name p b {
	display: block
}

.pay-preorder li .cell-price {
	align-self: center
}

.pay-preorder li .price {
	color: #ff6223
}

.pay-preorder li .need-price {
	font-size: 16px
}

.pay-preorder li.item-coupon .price {
	display: inline-block;
	cursor: pointer
}

.pay-preorder li.show-coupon-list {
	border-bottom: 0
}

.pay-preorder li .coupon-list {
	display: block
}

.pay-preorder li.item-coupon-list {
	background-color: #f9fafb;
	padding: 6px 20px
}

.pay-preorder li.item-coupon-list span {
	display: inline-block;
	vertical-align: middle;
	height: 23px;
	margin: 4px 10px 0 0;
	line-height: 23px;
	padding: 0 14px;
	border: 1px solid #e2e4ec;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons-direct-access.a69f92ed.png)
		right -18px no-repeat;
	cursor: pointer
}

.pay-preorder li.item-coupon-list span.selected {
	background-position: right 12px;
	border-color: #5dd5c8;
	color: #5dd5c8
}

.pay-preorder .title-way {
	padding: 25px 0 20px
}

.pay-preorder .pay-way {
	padding-bottom: 15px
}

.pay-preorder .qrcode-way {
	text-align: center
}

.pay-preorder .qrcode-way .qrcode-image {
	width: 100px;
	height: 100px;
	position: relative;
	overflow: hidden;
	margin: 0 auto 12px
}

.pay-preorder .qrcode-way .qrcode-image img {
	vertical-align: top;
	width: 100%;
	height: 100%
}

.pay-preorder .qrcode-way .qrcode-image .icon-css-loading {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #f9fafb
}

.pay-preorder .btns-way {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px
}

.pay-preorder .btns-way span {
	width: 47.05882352941176%;
	display: block;
	text-align: center;
	height: 36px;
	line-height: 34px;
	border: 1px solid #d1d4db;
	cursor: pointer;
	transition: all .1s linear;
	position: relative;
	user-select: none
}

.pay-preorder .btns-way span.btn-weixin.selected, .pay-preorder .btns-way span.btn-weixin:hover
	{
	background-color: #01c000;
	border-color: #01c000;
	color: #fff
}

.pay-preorder .btns-way span.btn-weixin.selected .icon-pay-weixin,
	.pay-preorder .btns-way span.btn-weixin:hover .icon-pay-weixin {
	background-position: -30px 2px
}

.pay-preorder .btns-way span.btn-alipay.selected, .pay-preorder .btns-way span.btn-alipay:hover
	{
	background-color: #1c77fa;
	border-color: #1c77fa;
	color: #fff
}

.pay-preorder .btns-way span.btn-alipay.selected .icon-pay-alipay,
	.pay-preorder .btns-way span.btn-alipay:hover .icon-pay-alipay {
	background-position: -30px -30px
}

.pay-preorder .btns-way span.btn-weixin.selected:before {
	content: "";
	width: 16px;
	height: 16px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-checked-wxpay.a4dec3e3.png)
		no-repeat top;
	background-image: image-set(url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-checked-wxpay.a4dec3e3.png)
		1x,
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-checked-wxpay@2x.78f00d8c.png)
		2x);
	position: absolute;
	right: 0;
	bottom: 0
}

.pay-preorder .btns-way span.btn-alipay.selected:before {
	content: "";
	width: 16px;
	height: 16px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-checked-alpay.28d17fbc.png)
		no-repeat top;
	background-image: image-set(url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-checked-alpay.28d17fbc.png)
		1x,
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-checked-alpay@2x.fe39e57a.png)
		2x);
	position: absolute;
	right: 0;
	bottom: 0
}

.pay-preorder .btns {
	padding: 25px 0 20px
}

.pay-preorder .btns .btn-block {
	width: 100%;
	height: 40px;
	font-size: 16px
}

.pay-preorder .text-protocol {
	text-align: center;
	font-size: 12px
}

.pay-preorder .text-protocol a {
	color: #5dd5c8;
	text-decoration: underline
}

.pay-scanorder {
	width: 380px
}

.pay-scanorder .scan-content {
	text-align: center;
	padding: 30px 0 10px
}

.pay-scanorder .scan-content .pay-info {
	padding-bottom: 20px
}

.pay-scanorder .scan-content .pay-info .price {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	color: #ff6223;
	font-style: normal
}

.pay-scanorder .scan-content .pay-info .currency {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	margin-left: 15px;
	color: #ff6223
}

.pay-scanorder .scan-content .pay-qrcode img {
	width: 180px;
	height: 180px
}

.pay-scanorder .scan-content .pay-result {
	margin-top: 20px
}

.pay-scanorder .scan-content .pay-result .link-check {
	display: inline-block;
	margin-left: 15px;
	color: #00c2b3
}

.pay-scanorder .scan-content .pay-result .link-check:hover {
	color: #6adbcf
}

.pay-scanorder .scan-content .pay-result .ui-icon-loading {
	font-size: 16px;
	margin: -2px 5px 0 0;
	vertical-align: middle
}

.pay-scanorder .pay-success {
	text-align: center;
	padding: 30px 0 0
}

.pay-scanorder .pay-success img {
	width: 60px;
	height: 60px
}

.pay-scanorder .pay-success h4 {
	font-size: 18px;
	margin: 18px 0 12px;
	font-weight: 400
}

.pay-scanorder .pay-success .btns {
	margin: 30px 0 10px
}

.pay-scanorder .pay-success .btns .btn {
	min-width: 130px
}

.jobs-from-system {
	position: relative
}

.jobs-from-system .search-box {
	height: 44px;
	position: relative;
	font-size: 13px;
	display: flex;
	margin-bottom: 16px
}

.jobs-from-system .search-box .search-form-con {
	border: 1px solid #53cac3;
	border-right: none;
	background-color: #fff;
	flex: 1;
	display: flex;
	position: relative
}

.jobs-from-system .search-box .search-form-con:hover {
	box-shadow: 0 1px 5px rgba(83, 202, 195, .5)
}

.jobs-from-system .search-box .search-form-con .line:after {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 26px;
	background-color: #f2f2f5;
	right: 0;
	top: 8px
}

.jobs-from-system .search-box .search-form-con .city-select {
	position: relative;
	float: left;
	width: 110px;
	height: 42px
}

.jobs-from-system .search-box .search-form-con .ipt {
	height: 42px;
	flex: 1
}

.jobs-from-system .search-box .search-form-con .ipt .ui-fuzzy-match {
	width: 100%;
	position: static
}

.jobs-from-system .search-box .search-form-con .ipt .ui-fuzzy-match .ui-fuzzy-drop-down
	{
	left: 95px;
	width: auto;
	right: 0
}

.jobs-from-system .search-box .search-form-con .ipt .ui-fuzzy-match input
	{
	width: 353px;
	border: none
}

.jobs-from-system .search-box .search-form-con .position-sel {
	position: relative;
	width: 98px;
	height: 42px
}

.jobs-from-system .search-box .search-form-con .cascader {
	padding-left: 15px;
	padding-right: 30px;
	line-height: 42px
}

.jobs-from-system .search-box .search-form-con .cascader:before {
	position: absolute;
	display: block;
	content: "";
	right: 15px;
	top: 20px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top-color: #9da0ae
}

.jobs-from-system .search-box .search-form-con .cascader .placeholder {
	font-size: 13px;
	color: #61687c;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.jobs-from-system .search-box .search-form-con .cascader .ui-cascader {
	height: 42px;
	width: 92px;
	position: absolute;
	top: 0;
	left: 0
}

.jobs-from-system .search-box .search-form-con .cascader .ui-cascader .ui-cascader-selection
	{
	height: 100%;
	width: 92px;
	overflow: hidden;
	opacity: 0
}

.jobs-from-system .search-box .search-form-con .cascader .ui-cascader .ui-select-dropdown
	{
	padding: 0;
	margin: 0;
	top: 43px;
	border: 1px solid #e3e7ed;
	max-height: 250px
}

.jobs-from-system .search-box .search-form-con .cascader .ui-cascader .ui-select-dropdown .ui-cascader-menu .ui-dropdown-list
	{
	width: 167px;
	border-right: 1px solid #e3e7ed;
	height: 250px
}

.jobs-from-system .search-box .search-form-con .cascader .ui-cascader .ui-select-dropdown .ui-cascader-menu .ui-dropdown-list li
	{
	line-height: 42px;
	padding: 0 15px;
	color: #8d92a1;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.jobs-from-system .search-box .search-form-con .cascader .ui-cascader .ui-select-dropdown .ui-cascader-menu .ui-dropdown-list li:hover
	{
	background-color: #f2f5f9
}

.jobs-from-system .search-box .search-form-con .cascader .ui-cascader .ui-select-dropdown .ui-cascader-menu .ui-dropdown-list li:after
	{
	content: ""
}

.jobs-from-system .search-box .search-form-con .industry-sel {
	width: 100px;
	height: 42px;
	line-height: 42px;
	padding: 0 24px 0 15px;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	font-size: 13px;
	color: #61687c
}

.jobs-from-system .search-box .search-form-con .industry-sel:after {
	content: "";
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top-color: #9da0ae;
	position: absolute;
	right: 10px;
	top: 20px
}

.jobs-from-system .search-box .btn-search {
	float: right;
	height: 44px;
	font-size: 26px;
	line-height: 44px;
	text-align: center;
	color: #fff;
	background: #55cbc4;
	border: none;
	width: 90px;
	padding: 0
}

.jobs-from-system .search-box .industry-box {
	position: absolute;
	width: 100%;
	background: #fff;
	top: 55px;
	left: 0;
	z-index: 1;
	color: #9fa3b0;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .1)
}

.jobs-from-system .search-box .industry-box:before {
	content: "";
	position: absolute;
	top: -17px;
	right: 145px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #fff;
	z-index: 9999
}

.jobs-from-system .search-box .industry-box ul {
	padding: 25px 0 15px 55px
}

.jobs-from-system .search-box .industry-box ul li {
	width: 155px;
	display: inline-block;
	margin-bottom: 12px;
	cursor: pointer;
	line-height: 26px
}

.jobs-from-system .search-box .industry-box ul li span {
	padding-left: 5px;
	display: block;
	color: #8d92a1;
	transition: none;
	-webkit-transition: none
}

.jobs-from-system .search-box .industry-box ul li span:hover {
	background-color: #f6f6f8
}

.jobs-from-system .search-box .industry-box ul li.cur span {
	color: #00d7c6
}

.jobs-from-system .condition-box {
	background: #fff;
	margin-bottom: 16px;
	font-size: 12px;
	padding: 5px 30px
}

.jobs-from-system .condition-box .condition-city .ui-dropmenu-visible .ui-select-inner .ui-select-selected-value
	{
	color: #00c2b3
}

.jobs-from-system .condition-box .condition-city .ui-dropmenu-list:before
	{
	width: 0;
	height: 0
}

.jobs-from-system .condition-box .condition-city .ui-dropmenu-list li {
	text-align: center;
	line-height: 42px;
	cursor: pointer;
	color: #61687c;
	white-space: nowrap;
	padding: 0 15px
}

.jobs-from-system .condition-box .condition-city .ui-dropmenu-list li a
	{
	color: #18c3b1
}

.jobs-from-system .condition-box .condition-city .ui-dropmenu-list li:hover
	{
	background-color: #f2f5f9;
	color: #414a60
}

.jobs-from-system .condition-box .condition-city .ui-select-inner {
	padding: 0;
	width: 100%;
	height: 38px;
	text-align: center;
	line-height: 38px
}

.jobs-from-system .condition-box .condition-city .ui-select-inner .ui-select-placeholder,
	.jobs-from-system .condition-box .condition-city .ui-select-inner .ui-select-selected-value
	{
	display: inline-block;
	font-weight: 500;
	font-size: 14px;
	color: #51586d;
	line-height: 38px
}

.jobs-from-system .condition-box .condition-city .ui-select-inner .ui-icon-arrow-down
	{
	right: -5px;
	position: relative;
	display: inline-block;
	top: 10px
}

.jobs-from-system .condition-box .condition-city .ui-select-inner .ui-icon-arrow-down:before
	{
	content: "";
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top-color: #9da0ae
}

.jobs-from-system .condition-box .condition-city .ui-select {
	position: relative;
	width: auto;
	display: inline-block;
	cursor: pointer;
	height: 38px
}

.jobs-from-system .condition-box .condition-city .ui-select.ui-select-visible .ui-icon-arrow-down
	{
	top: -9px !important
}

.jobs-from-system .condition-box .condition-city .link-district {
	line-height: 35px;
	cursor: pointer;
	margin: 0 15px;
	vertical-align: middle
}

.jobs-from-system .condition-box .condition-city .link-district.selected,
	.jobs-from-system .condition-box .condition-city .link-district:hover {
	color: #fc6c38
}

.jobs-from-system .condition-box .condition-district {
	display: flex
}

.jobs-from-system .condition-box .condition-district span {
	display: inline-block;
	height: 35px;
	margin-right: 22px;
	line-height: 35px;
	color: #414a60;
	cursor: pointer;
	white-space: nowrap
}

.jobs-from-system .condition-box .condition-district span.selected,
	.jobs-from-system .condition-box .condition-district span:hover {
	color: #fc6c38
}

.jobs-from-system .condition-box .condition-district .condition-district-list
	{
	margin-right: -22px
}

.jobs-from-system .condition-box .filter-select-box {
	height: 38px;
	margin-left: -5px
}

.jobs-from-system .condition-box .filter-select-box .ui-select {
	margin-right: 16px;
	float: left;
	width: 130px
}

.jobs-from-system .condition-box .filter-select-box .ui-select .ui-select-selection
	{
	border: 0;
	overflow: hidden;
	padding: 0 5px
}

.jobs-from-system .condition-box .filter-select-box .ui-select .ui-select-selection-focused
	{
	box-shadow: none
}

.jobs-from-system .condition-box .filter-select-box .ui-select .ui-select-inner
	{
	padding: 0;
	line-height: 38px;
	display: inline
}

.jobs-from-system .condition-box .filter-select-box .ui-select .ui-select-placeholder
	{
	color: #61687c;
	font-size: 13px
}

.jobs-from-system .condition-box .filter-select-box .ui-select .ui-icon-close,
	.jobs-from-system .condition-box .filter-select-box .ui-select .ui-select-selected-value
	{
	color: #fc6c38
}

.jobs-from-system .condition-box .filter-select-box .ui-select .ui-icon-arrow-down
	{
	right: 36px;
	margin-top: -2px
}

.jobs-from-system .condition-box .filter-select-box .ui-select .ui-icon-arrow-down:before
	{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: solid transparent;
	border-top: solid #9da0ae;
	border-width: 4px 4px 0
}

.jobs-from-system .condition-box .filter-select-box .empty-filter {
	float: right;
	line-height: 38px;
	color: #8d92a1;
	cursor: pointer
}

.jobs-from-system .job-list-wrap {
	margin-top: 17px;
	background-color: #fff
}

.jobs-from-system .job-list-wrap .job-tab {
	height: 46px;
	border-bottom: 2px solid #f2f2f5;
	padding: 0 30px;
	line-height: 44px
}

.jobs-from-system .job-list-wrap .job-tab span {
	display: inline-block;
	margin-right: 36px;
	font-size: 15px;
	color: #9fa3b0;
	border-bottom: 2px solid transparent;
	position: relative;
	margin-bottom: -2px;
	cursor: pointer
}

.jobs-from-system .job-list-wrap .job-tab span:hover {
	color: #54cbc4
}

.jobs-from-system .job-list-wrap .job-tab span.current {
	color: #54cbc4;
	border-bottom-color: #00d7c6;
	pointer-events: none
}

.jobs-from-system .job-list-wrap .jobs-list {
	background: #f6f6f8
}

.jobs-from-system .job-list-wrap .jobs-list .job-tips {
	color: #9fa3b0;
	padding: 6px 0 6px 20px;
	border-bottom: 4px solid #f2f2f5;
	line-height: 26px
}

.jobs-from-system .job-list-wrap .jobs-list .no-position {
	text-align: center;
	height: 186px;
	margin: 0 30px;
	border-bottom: 1px solid #f2f2f5;
	color: #d1d4db;
	overflow: hidden;
	line-height: 26px
}

.jobs-from-system .job-list-wrap .jobs-list .no-position .title {
	margin-top: 60px;
	font-size: 16px;
	color: #61687c
}

.jobs-from-system .job-list-wrap .jobs-list .load-more-wrap {
	padding: 20px 0;
	text-align: center
}

.jobs-from-system .job-list-wrap .jobs-list .load-more-wrap .load-more {
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #f1f1f1;
	width: 350px;
	display: inline-block
}

.jobs-from-system .job-list-wrap .jobs-list li {
	cursor: pointer;
	background: #fff;
	margin-bottom: 10px
}

.jobs-from-system .job-list-wrap .jobs-list li:hover .info-publis .publisher
	{
	display: none
}

.jobs-from-system .job-list-wrap .jobs-list li:hover .info-publis .btn-disabled,
	.jobs-from-system .job-list-wrap .jobs-list li:hover .info-publis .btn-startchat-out
	{
	display: inline-block
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary {
	height: 90px;
	color: #4a4160;
	padding: 20px 0 0;
	margin: 0 30px;
	position: relative
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .job-medium-icon
	{
	position: absolute;
	top: 0;
	left: -30px;
	width: 36px
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap
	{
	width: 440px;
	float: left;
	color: #4a4160
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name
	{
	font-size: 16px;
	font-weight: 400;
	height: 26px;
	line-height: 26px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name:hover .info-detail
	{
	display: block
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name a
	{
	height: 26px;
	display: inline-block;
	line-height: 26px
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name a .job-title
	{
	font-size: 16px;
	color: #00c2b3;
	font-weight: 400;
	max-width: 424px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name a .job-title .job-name
	{
	margin-right: 10px;
	max-width: 180px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name a .job-title .job-area-wrapper
	{
	margin-right: 10px
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name a .job-title .job-area-wrapper:before
	{
	content: "["
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name a .job-title .job-area-wrapper:after
	{
	content: "]"
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name a .job-title .job-area-wrapper:after,
	.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name a .job-title .job-area-wrapper:before
	{
	font-size: 16px;
	vertical-align: middle
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name a .job-title .job-area-wrapper .job-area
	{
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
	max-width: 214px
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name a .job-title .job-area-wrapper .job-area>span+span:before
	{
	font-size: 16px;
	vertical-align: middle;
	content: "·"
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name a .info-detail
	{
	position: absolute;
	white-space: normal;
	right: -30px;
	top: 0;
	width: 500px;
	height: auto;
	z-index: 20;
	display: none;
	padding: 16px 0 0;
	color: #abafba;
	background: #f4f7fc;
	box-shadow: 0 4px 8px 0 rgba(65, 74, 96, .2);
	z-index: 1001
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name a .info-detail .info-detail-top
	{
	position: relative;
	height: 74px;
	padding: 10px 20px 0
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name a .info-detail .info-detail-top .detail-top-title
	{
	font-size: 16px;
	color: #414a60;
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name a .info-detail .info-detail-top .detail-top-text
	{
	font-size: 12px;
	color: #8d92a1
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name a .info-detail .info-detail-top .detail-top-right
	{
	position: absolute;
	right: 20px;
	top: 16px;
	font-size: 13px
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name a .info-detail .info-detail-top .detail-top-right .link-like
	{
	display: inline-block;
	position: relative;
	color: #9fa3b0;
	margin-right: 25px
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name a .info-detail .info-detail-top .detail-top-right .link-like:before
	{
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	left: -25px;
	top: 0;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons-operate.5478b463.png)
		no-repeat 0 -439px
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name a .info-detail .info-detail-top .detail-top-right .link-like:hover
	{
	color: #5dd5c8
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name a .info-detail .info-detail-top .detail-top-right .link-like:hover:before
	{
	background-position: -25px -439px
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name a .info-detail .info-detail-top .detail-top-right .btn
	{
	display: inline-block;
	margin-top: 0;
	height: 32px;
	min-width: 87px;
	line-height: 30px;
	font-size: 13px
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name a .info-detail .detail-bottom
	{
	background: #fff;
	padding: 0 20px 23px;
	font-size: 13px
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name a .info-detail .detail-bottom .detail-bottom-title
	{
	padding: 10px 0 0;
	font-size: 14px;
	color: #414a60
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name a .info-detail .detail-bottom .detail-bottom-text
	{
	max-height: 260px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 10;
	color: #51586d
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .append
	{
	margin-top: 4px;
	font-size: 14px;
	color: #9fa3b0;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 24px
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .append .red
	{
	color: #fc703e !important;
	margin-right: 12px;
	font-size: 16px;
	vertical-align: middle
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .append .demand
	{
	display: inline-block;
	max-width: 142px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #61687c;
	vertical-align: middle
}

.jobs-from-system .job-list-wrap .jobs-list li .info-company {
	width: 350px;
	float: right;
	color: #4a4160
}

.jobs-from-system .job-list-wrap .jobs-list li .info-company .company-text
	{
	display: inline-block;
	vertical-align: top;
	width: 100%
}

.jobs-from-system .job-list-wrap .jobs-list li .info-company .company-text img
	{
	float: right;
	width: 54px;
	height: 54px;
	border: 1px solid #f3f5fb;
	border-radius: 9px
}

.jobs-from-system .job-list-wrap .jobs-list li .info-company .company-text .name
	{
	font-size: 16px;
	font-weight: 400;
	height: 26px;
	line-height: 26px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.jobs-from-system .job-list-wrap .jobs-list li .info-company .company-text .name a
	{
	height: 26px;
	display: inline-block;
	line-height: 26px;
	color: #00c2b3;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 256px
}

.jobs-from-system .job-list-wrap .jobs-list li .info-company .company-text p
	{
	margin-top: 6px;
	font-size: 14px;
	color: #61687c;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.jobs-from-system .job-list-wrap .jobs-list li .info-publis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	vertical-align: middle;
	margin-left: 13px
}

.jobs-from-system .job-list-wrap .jobs-list li .info-publis img {
	width: 13px;
	height: 13px;
	vertical-align: -2px;
	border-radius: 0
}

.jobs-from-system .job-list-wrap .jobs-list li .info-publis .publisher {
	vertical-align: middle;
	height: 23px;
	line-height: 23px;
	padding: 0 10px;
	border-radius: 12px;
	border: 1px solid #eee;
	font-size: 12px;
	white-space: nowrap;
	display: inline-block;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 180px;
	color: #6c7388
}

.jobs-from-system .job-list-wrap .jobs-list li .info-publis .publisher .vline
	{
	margin: 0 5px;
	height: 10px
}

.jobs-from-system .job-list-wrap .jobs-list li .btn {
	min-width: 112px;
	height: 36px;
	line-height: 36px;
	padding: 0;
	border: 1px solid #5dd5c8;
	font-size: 16px;
	color: #fff;
	letter-spacing: 1px;
	background: #5dd5c8;
	text-align: center;
	cursor: pointer;
	margin-top: 8px
}

.jobs-from-system .job-list-wrap .jobs-list li .btn:hover {
	background-color: #6adbcf
}

.jobs-from-system .job-list-wrap .jobs-list li .btn.btn-disabled,
	.jobs-from-system .job-list-wrap .jobs-list li .btn.btn-disabled:hover
	{
	color: #9fa3b0;
	border-color: #9fa3b0;
	background-color: #fff
}

.jobs-from-system .job-list-wrap .jobs-list li .btn.btn-startchat-out {
	display: none;
	min-width: auto;
	height: 23px;
	line-height: 23px;
	width: 87px;
	border-radius: 12px;
	font-size: 12px;
	margin-top: 0
}

.jobs-from-system .job-list-wrap .jobs-list li .info-append {
	height: 40px;
	line-height: 40px;
	padding: 0 30px;
	background: #f8f9fc;
	overflow: hidden
}

.jobs-from-system .job-list-wrap .jobs-list li .info-append .info-desc,
	.jobs-from-system .job-list-wrap .jobs-list li .info-append .tags {
	display: inline-block;
	color: #61687c
}

.jobs-from-system .job-list-wrap .jobs-list li .info-append .tags {
	float: left;
	width: 389px;
	height: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 85px;
	font-size: 0
}

.jobs-from-system .job-list-wrap .jobs-list li .info-append .tags .tag-item
	{
	font-size: 12px;
	height: 21px;
	line-height: 21px;
	padding: 0 8px;
	border: 1px solid #eee;
	border-radius: 2px;
	display: inline-block;
	margin-right: 10px;
	margin-top: 9px
}

.jobs-from-system .job-list-wrap .jobs-list li .info-append .info-desc {
	font-size: 13px;
	width: 350px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.jobs-from-system .pagination-area {
	text-align: center;
	padding: 12px 0;
	background-color: #fff;
	height: 52px
}

.jobs-from-system .pagination-area .pager a {
	border: none
}

.job-name-after {
	border: 1px solid #5e96f2;
	border-radius: 2px;
	color: #4a89f1
}

.job-name-after, .job-name-icon {
	height: 18px;
	vertical-align: middle;
	margin: 5px 0 0 10px;
	display: inline-block;
	padding: 0 5px;
	font-size: 12px;
	font-style: normal;
	line-height: 16px
}

.job-name-icon {
	border: 1px solid #aaa;
	border-radius: 2px;
	color: #aaa
}

.city-letter-show .dialog-container {
	width: 786px;
	height: 527px;
	padding: 0
}

.city-letter-show .dialog-container .dialog-header {
	padding: 30px 0 20px 30px
}

.city-letter-show .dialog-container .dialog-header .title {
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #414a60
}

.city-letter-show .dialog-container .dialog-body {
	max-height: unset
}

.city-letter-show .dialog-container .dialog-body .ui-tab__header {
	background-color: #f9fafb;
	width: 786px;
	height: 39px
}

.city-letter-show .dialog-container .dialog-body .ui-tab__header .ui-tab__nav
	{
	height: 39px
}

.city-letter-show .dialog-container .dialog-body .ui-tab__header .ui-tab__nav .ui-tab__active-bar
	{
	background-color: unset
}

.city-letter-show .dialog-container .dialog-body .ui-tab__header .ui-tab__nav .ui-tab__nav-item
	{
	height: 39px;
	line-height: 39px;
	width: 131px;
	text-align: center;
	padding: unset;
	user-select: none
}

.city-letter-show .dialog-container .dialog-body .ui-tab__header .ui-tab__nav .is-active
	{
	position: relative;
	background-color: #f9fafb
}

.city-letter-show .dialog-container .dialog-body .ui-tab__header .ui-tab__nav .is-active:after
	{
	content: "";
	position: absolute;
	width: 50%;
	height: 2px;
	background-color: #5dd5c8;
	left: 25%;
	bottom: 0
}

.city-letter-show .dialog-container .dialog-body .ui-tab__content {
	padding: 20px 0;
	height: 418px;
	overflow-y: scroll;
	overflow-x: hidden
}

.city-letter-show .dialog-container .dialog-body .ui-tab__content .ui-tab-pane .city-group .hot-city
	{
	float: left;
	line-height: 40px;
	width: 20%;
	cursor: pointer;
	text-align: center;
	margin-bottom: 8px
}

.city-letter-show .dialog-container .dialog-body .ui-tab__content .ui-tab-pane .city-group .hot-city:hover
	{
	background-color: #fff;
	color: #5dd5c8
}

.city-letter-show .dialog-container .dialog-body .ui-tab__content .ui-tab-pane .city-group .classify-city
	{
	display: flex
}

.city-letter-show .dialog-container .dialog-body .ui-tab__content .ui-tab-pane .city-group .classify-city .city-title
	{
	width: 11.2%;
	text-align: center;
	color: #5dd5c8;
	line-height: 40px
}

.city-letter-show .dialog-container .dialog-body .ui-tab__content .ui-tab-pane .city-group .classify-city .city-main
	{
	flex: 1
}

.city-letter-show .dialog-container .dialog-body .ui-tab__content .ui-tab-pane .city-group .classify-city .city-main li
	{
	float: left;
	width: 20%;
	line-height: 40px;
	cursor: pointer;
	margin-bottom: 8px
}

.city-letter-show .dialog-container .dialog-body .ui-tab__content .ui-tab-pane .city-group .classify-city .city-main li span
	{
	display: block;
	width: 90%;
	height: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.city-letter-show .dialog-container .dialog-body .ui-tab__content .ui-tab-pane .city-group .classify-city .city-main li:hover
	{
	color: #5dd5c8
}

.chat-history-wrap .job-tab span {
	display: inline-block;
	margin-right: 36px;
	font-size: 15px;
	color: #9fa3b0;
	border-bottom: 2px solid transparent;
	position: relative;
	margin-bottom: -2px
}

.chat-history-wrap .job-tab span:hover {
	color: #00d7c6;
	cursor: pointer
}

.chat-history-wrap .job-tab span.current {
	color: #54cbc4;
	border-bottom-color: #00d7c6
}

.chat-history-wrap ul li .item-content .info-header .btns .btn {
	cursor: pointer
}

.chat-history-wrap ul li .item-content .info-header .btns .btn.btn-disabled,
	.chat-history-wrap ul li .item-content .info-header .btns .btn.btn-disabled:hover
	{
	color: #9fa3b0;
	background-color: #fff;
	border-color: #d1d4db
}

.chat-history-wrap ul li .item-content .info-header .btns .btn.btn-outline
	{
	background-color: #fff;
	color: #5dd5c8
}

.chat-history-wrap ul li .item-content .info-header .btns .btn.btn-outline:hover
	{
	background-color: #6adbcf;
	color: #fff
}

.chat-history-wrap ul li .item-content .info-primary:hover {
	background-color: #f5f6f9
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .company-info
	{
	float: right;
	text-align: right;
	width: 270px
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .company-info img
	{
	width: 42px;
	height: 42px;
	float: right;
	margin-top: 4px;
	margin-left: 10px
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .company-info .text
	{
	margin-right: 52px
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .company-info .text b
	{
	font-weight: 400
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .company-info .text p
	{
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .company-info .contact-line
	{
	margin: 0 3px
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .job-info .jobname
	{
	display: inline-block;
	max-width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: middle
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .job-info .job-medium-icon
	{
	height: 16px;
	vertical-align: middle;
	margin-left: 10px
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .job-info .salary
	{
	padding-left: 20px;
	color: #fc6c38
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .job-info p
	{
	font-size: 12px
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .company-info
	{
	float: left;
	width: 300px;
	text-align: left
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .company-info img
	{
	float: left;
	width: 42px;
	height: 42px;
	margin-left: 0
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .company-info .text
	{
	margin-left: 52px;
	line-height: 22px;
	padding-top: 3px;
	margin-right: 0
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .company-info .text p
	{
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 0;
	line-height: 22px
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .company-info .text p b
	{
	font-size: 14px;
	display: inline-block;
	margin-right: 15px;
	font-weight: 400
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .company-info .text p.gray,
	.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .company-info .text p b span
	{
	color: #9fa3af
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info
	{
	float: right;
	width: 360px;
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 26px;
	display: flex;
	flex-direction: column;
	align-items: flex-end
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info .job-medium-icon
	{
	height: 16px;
	vertical-align: middle;
	margin-right: 10px
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info .job-name
	{
	white-space: nowrap;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	float: right;
	text-align: left
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info .job-name span
	{
	vertical-align: middle
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info .job-name .post
	{
	height: 16px;
	vertical-align: middle
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info .job-name .name
	{
	display: inline-block;
	max-width: 182px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: middle
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info .job-name .name .red
	{
	color: #fc6c38
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info .gray
	{
	color: #9fa3af
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .interview-video
	{
	position: relative;
	padding-right: 20px
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .interview-video .icon-interview-video
	{
	position: absolute;
	right: 0;
	width: 16px;
	margin: 7px 0 0 3px
}

.chat-history-wrap {
	background-color: #fff
}

.chat-history-wrap .job-tab {
	height: 46px;
	border-bottom: 2px solid #f2f2f5;
	padding: 0 30px;
	line-height: 44px
}

.chat-history-wrap .job-tab a {
	display: inline-block;
	margin-right: 36px;
	font-size: 15px;
	color: #9fa3b0;
	border-bottom: 2px solid transparent;
	position: relative;
	margin-bottom: -2px;
	cursor: pointer
}

.chat-history-wrap .job-tab a:hover {
	color: #54cbc4
}

.chat-history-wrap .job-tab a.current {
	color: #54cbc4;
	border-bottom-color: #00d7c6
}

.chat-history-wrap ul {
	padding: 10px 30px
}

.chat-history-wrap ul li {
	padding: 17px 0;
	border-bottom: 1px solid #edf0f5
}

.chat-history-wrap ul li:hover .btns {
	display: block !important
}

.chat-history-wrap ul li .figure {
	float: left;
	padding: 0 15px 0 5px
}

.chat-history-wrap ul li .figure img {
	width: 42px;
	height: 42px;
	border-radius: 100%
}

.chat-history-wrap ul li .item-content {
	margin-left: 65px
}

.chat-history-wrap ul li .item-content .info-header {
	overflow: hidden;
	margin-bottom: 9px;
	min-height: 32px
}

.chat-history-wrap ul li .item-content .info-header .btns {
	float: right;
	display: none
}

.chat-history-wrap ul li .item-content .info-header .btns .btn {
	height: 32px;
	line-height: 30px;
	font-size: 13px;
	padding: 0 15px;
	border-radius: 2px;
	color: #fff;
	letter-spacing: 1px;
	background: #5dd5c8;
	border: 1px solid #5dd5c8;
	margin-left: 15px
}

.chat-history-wrap ul li .item-content .info-header .btns .btn:hover {
	background-color: #6adbcf
}

.chat-history-wrap ul li .item-content .info-header .name {
	font-weight: 400;
	font-size: 14px
}

.chat-history-wrap ul li .item-content .info-header .name .gray {
	padding-left: 20px;
	font-size: 12px
}

.chat-history-wrap ul li .item-content .info-primary {
	background-color: #fafafc;
	overflow: hidden;
	padding: 10px 20px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px
}

.chat-history-wrap ul li .item-content .info-primary .company-info {
	float: right;
	text-align: right;
	width: 270px
}

.chat-history-wrap ul li .item-content .info-primary .company-info img {
	width: 42px;
	height: 42px;
	float: right;
	margin-top: 4px;
	margin-left: 10px
}

.chat-history-wrap ul li .item-content .info-primary .company-info .text
	{
	margin-right: 52px
}

.chat-history-wrap ul li .item-content .info-primary .company-info .text b
	{
	font-weight: 400
}

.chat-history-wrap ul li .item-content .info-primary .company-info .text p
	{
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	line-height: 26px;
	margin-top: 5px;
	text-overflow: ellipsis
}

.chat-history-wrap ul li .item-content .info-primary .job-info {
	line-height: 26px
}

.chat-history-wrap ul li .item-content .info-primary .job-info .jobname
	{
	display: inline-block;
	max-width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: middle
}

.chat-history-wrap ul li .item-content .info-primary .job-info .salary {
	padding-left: 20px;
	color: #fc6c38
}

.chat-history-wrap ul li .item-content .info-primary .job-info p {
	font-size: 12px
}

.chat-history-wrap .pagination-area {
	text-align: center;
	padding: 12px 0;
	background-color: #fff;
	height: 52px
}

.chat-history-wrap .pagination-area .pager a {
	border: none
}

.dialog-layer .dialog-container {
	width: 440px;
	padding: 24px 60px;
	text-align: center
}

.dialog-layer .dialog-container .dialog-body .edit-resume {
	padding-top: 20px;
	padding-bottom: 15px
}

.dialog-layer .dialog-container .dialog-body .edit-resume img {
	width: 86px;
	height: 86px
}

.dialog-layer .dialog-container .dialog-body .edit-resume p {
	margin-top: 14px;
	line-height: 24px;
	color: #9fa3af
}

.dialog-layer .dialog-container .dialog-footer {
	border-top: none;
	padding-right: 0
}

.dialog-layer .dialog-container .dialog-footer .btns {
	text-align: center
}

.dialog-layer .dialog-container .dialog-footer .btns .btn {
	width: 120px
}

.userinfo-box {
	text-align: center
}

.userinfo-box .edit-userinfo {
	position: absolute;
	top: 15px;
	right: 30px;
	z-index: 1;
	line-height: 1
}

.userinfo-box .headbox {
	position: relative;
	height: 68px;
	width: 60px;
	margin: 0 auto
}

.userinfo-box .headbox .sex {
	display: inline-block;
	width: 14px;
	height: 14px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons-sex.aceb70bb.png)
		no-repeat;
	background-size: 14px auto;
	position: absolute;
	margin-left: 46px;
	top: 0;
	background-position: 0 -25px
}

.userinfo-box .headbox .sex.man {
	background-position: 0 0
}

.userinfo-box .headbox .headimg {
	background-color: #f6f6f8;
	width: 60px;
	height: 60px;
	border-radius: 200px
}

.userinfo-box .username {
	box-sizing: border-box;
	padding: 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 26px;
	font-weight: 500
}

.userinfo-box .icon-vip {
	display: inline-block;
	width: 56px;
	height: 16px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons-vip.89e6eb2b.png)
		no-repeat;
	background-image: image-set(url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons-vip.89e6eb2b.png)
		1x,
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons-vip@2x.c4161a5e.png)
		2x);
	vertical-align: middle;
	margin: -2px 0 0 8px
}

.userinfo-box .icon-vip-upgrade {
	background-position: 0 -40px;
	cursor: pointer
}

.userinfo-box .userinfo {
	font-size: 12px;
	line-height: 26px
}

.userinfo-box .now-state {
	margin-top: 15px
}

.userinfo-box .now-state .applystatus-dropdown {
	height: 35px;
	text-align: center;
	line-height: 33px;
	font-size: 13px;
	border: 1px solid #e3e7ed;
	margin: 0 auto;
	position: relative;
	cursor: pointer
}

.userinfo-box .now-state .applystatus-dropdown:hover {
	border-color: #00d7c6
}

.userinfo-box .now-state .applystatus-dropdown:after {
	position: absolute;
	top: 15px;
	right: 15px;
	content: "";
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top-color: #9da0ae
}

.userinfo-box .now-state .applystatus-dropdown .ui-select {
	position: absolute;
	left: 0;
	top: 0;
	height: 35px;
	width: 100%
}

.userinfo-box .now-state .applystatus-dropdown .ui-select .ui-select-selection
	{
	opacity: 0
}

.userinfo-box .now-state .applystatus-dropdown .ui-select .ui-select-dropdown
	{
	padding: 0;
	margin: 0;
	box-shadow: 0 3px 6px rgba(6, 0, 1, .05);
	border: 1px solid #e3e7ed;
	border-top: none
}

.userinfo-box .now-state .applystatus-dropdown .ui-select .ui-select-dropdown li
	{
	line-height: 42px;
	padding: 0 15px;
	cursor: pointer
}

.userinfo-box .now-state .applystatus-dropdown .ui-select .ui-select-dropdown li.ui-select-item-selected,
	.userinfo-box .now-state .applystatus-dropdown .ui-select .ui-select-dropdown li.ui-select-item-selected:hover
	{
	color: #414a60
}

.userinfo-box .user-stat {
	margin: 16px -15px -5px
}

.userinfo-box .user-stat a {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	font-size: 12px;
	line-height: 18px;
	color: #8d92a1;
	text-align: center
}

.userinfo-box .user-stat a b {
	display: block;
	font-weight: 400;
	font-size: 15px;
	color: #414a60
}

.userinfo-box .user-stat a:hover b, .userinfo-box .user-stat a:hover span
	{
	color: #00d7c6
}

.sider-resume .resume-attachment {
	position: relative
}

.sider-resume .resume-attachment .sync-tip {
	font-size: 12px;
	font-weight: 400;
	color: #9fa3b0
}

.sider-resume .resume-attachment .title {
	color: #414a60;
	font-size: 14px;
	padding: 18px 0 10px;
	font-weight: 400;
	line-height: 26px
}

.sider-resume .resume-attachment .title span {
	font-size: 13px;
	color: #9fa3af;
	margin-left: 4px
}

.sider-resume .resume-attachment .annex-list {
	margin: 16px -30px
}

.sider-resume .resume-attachment .annex-list li {
	position: relative;
	color: #414a60;
	font-size: 14px;
	cursor: default
}

.sider-resume .resume-attachment .annex-list li:hover .annex-item {
	background-color: #f2f5fa
}

.sider-resume .resume-attachment .annex-list li:hover .annex-card {
	display: block
}

.sider-resume .resume-attachment .annex-list li .annex-item {
	line-height: 26px;
	padding: 0 30px;
	cursor: pointer;
	overflow: hidden
}

.sider-resume .resume-attachment .annex-list li .annex-item .icon-svg {
	float: right;
	margin-top: 6px
}

.sider-resume .resume-attachment .annex-list li .annex-item .icon-img-file
	{
	vertical-align: middle;
	margin: 1px 3px 0 0
}

.sider-resume .resume-attachment .annex-list li .annex-item .txt-container
	{
	display: inline-block;
	white-space: nowrap
}

.sider-resume .resume-attachment .annex-list li .annex-item .txt-container .txt-icon
	{
	width: 36px;
	height: 16px;
	margin-left: 4px;
	vertical-align: middle
}

.sider-resume .resume-attachment .annex-list li .annex-item .txt {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
	max-width: 180px
}

.sider-resume .resume-attachment .annex-list li .annex-item .txt.txt-unsync
	{
	max-width: 147px
}

.sider-resume .resume-attachment .annex-list li .annex-card {
	display: none;
	position: absolute;
	left: -388px;
	top: 0;
	z-index: 99;
	width: 388px;
	background-color: #fff;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .15)
}

.sider-resume .resume-attachment .annex-list li .annex-card .card-body {
	padding: 20px 20px 19px 27px
}

.sider-resume .resume-attachment .annex-list li .annex-card .card-body img
	{
	float: left;
	margin-top: 5px
}

.sider-resume .resume-attachment .annex-list li .annex-card .card-body .card-content
	{
	margin-left: 45px
}

.sider-resume .resume-attachment .annex-list li .annex-card .card-body .card-content .basis
	{
	line-height: 24px;
	margin-bottom: 4px;
	display: flex;
	align-items: center
}

.sider-resume .resume-attachment .annex-list li .annex-card .card-body .card-content .basis span
	{
	max-width: 240px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.sider-resume .resume-attachment .annex-list li .annex-card .card-body .card-content .basis a
	{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.sider-resume .resume-attachment .annex-list li .annex-card .card-body .card-content .basis a:hover
	{
	color: #414a60
}

.sider-resume .resume-attachment .annex-list li .annex-card .card-body .card-content .basis .works-tip
	{
	margin-left: 10px;
	white-space: nowrap
}

.sider-resume .resume-attachment .annex-list li .annex-card .card-body .card-content .basis .basis-icon
	{
	width: 36px;
	height: 16px;
	margin-left: 10px;
	margin-top: 0;
	float: none
}

.sider-resume .resume-attachment .annex-list li .annex-card .card-body .card-content .desc
	{
	font-size: 12px;
	line-height: 17px;
	color: #8d92a1
}

.sider-resume .resume-attachment .annex-list li .annex-card .card-footer
	{
	border-top: 1px solid #f2f2f5;
	text-align: right;
	line-height: 46px
}

.sider-resume .resume-attachment .annex-list li .annex-card .card-footer span
	{
	display: inline-block;
	padding: 0 13px;
	cursor: pointer
}

.sider-resume .resume-attachment .annex-list li .annex-card .card-footer span:hover
	{
	background-color: #f2f5fa;
	color: #00d7c6 !important
}

.sider-resume .resume-attachment .annex-list li .annex-card .works-tip {
	width: 46px;
	height: 19px;
	line-height: 20px;
	background: rgba(141, 220, 215, .2);
	border-radius: 3px;
	color: #00c2b3;
	font-size: 12px;
	font-style: normal;
	text-align: center
}

.sider-resume .resume-attachment .btns-tip {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background-color: #fd896b;
	margin-left: 2px;
	position: absolute;
	margin-top: -2px
}

.sider-resume .resume-online {
	border-top: 1px solid #eef0f5;
	margin-top: 15px;
	padding: 5px 0 0
}

.sider-resume .resume-online:last-child {
	margin-bottom: -5px
}

.sider-resume .resume-online .title {
	color: #414a60;
	font-size: 14px;
	font-weight: 400;
	line-height: 34px;
	margin-bottom: 5px
}

.sider-resume .resume-online .title .edit {
	color: #8d92a1;
	margin-left: 5px
}

.sider-resume .resume-online .title .edit:hover {
	color: #00d7c6;
	cursor: pointer
}

.sider-resume .resume-online .upd-time {
	color: #8d92a1;
	font-size: 12px;
	line-height: 1
}

.dialog-rename .dialog-footer, .resume-delete .dialog-footer {
	border-top: 0
}

.dialog-rename .dialog-container {
	width: 400px
}

.dialog-rename .dialog-container .pop-resume-rename {
	padding: 10px 0
}

.dialog-rename .dialog-container .pop-resume-rename h5 {
	line-height: 26px;
	color: #414a60;
	font-size: 14px;
	margin-top: 10px;
	font-weight: 400
}

.dialog-rename .dialog-container .pop-resume-rename .input-wrap {
	padding-top: 10px
}

.dialog-rename .dialog-container .pop-resume-rename .input-wrap input {
	width: 340px
}

.boss-title {
	margin-bottom: 30px
}

.boss-title h4 {
	font-size: 16px;
	font-weight: 500;
	color: #3d4966;
	line-height: 22px;
	margin-bottom: 5px
}

.boss-title p {
	font-size: 12px;
	font-weight: 400;
	color: #9fa3b0;
	line-height: 17px
}

.boss-content {
	min-height: 285px;
	max-height: 420px;
	overflow-y: auto;
	padding-right: 30px
}

.boss-content .boss-list {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
	font-weight: 400;
	line-height: 17px;
	color: #9fa3b0;
	cursor: pointer
}

.boss-content .boss-list .boss-chose {
	flex-shrink: 0;
	margin-right: 12px;
	width: 16px;
	height: 16px
}

.boss-content .boss-list .boss-infor {
	flex: 1;
	width: 0;
	display: flex
}

.boss-content .boss-list .boss-infor .infor-portrait {
	margin-right: 15px
}

.boss-content .boss-list .boss-infor .infor-portrait img {
	width: 46px;
	height: 46px;
	border-radius: 100%
}

.boss-content .boss-list .boss-infor .infor-base {
	flex: 1;
	width: 0
}

.boss-content .boss-list .boss-infor .infor-base div:first-child {
	display: flex;
	justify-content: space-between;
	margin-bottom: 4px
}

.boss-content .boss-list .boss-infor .infor-base div:first-child p {
	display: inline-block
}

.boss-content .boss-list .boss-infor .infor-base div:first-child .infor-name
	{
	font-weight: 500;
	color: #414a60;
	line-height: 20px;
	margin-right: 6px
}

.boss-content .boss-list .boss-infor .infor-base div:first-child .infor-brand,
	.boss-content .boss-list .boss-infor .infor-base div:first-child .infor-time
	{
	font-size: 12px
}

.boss-content .boss-list .boss-infor .infor-base div:nth-child(2) {
	font-size: 12px;
	line-height: 20px;
	color: #61687c;
	margin-bottom: 4px;
	display: flex;
	align-items: center
}

.boss-content .boss-list .boss-infor .infor-base div:nth-child(2) .infor-salary
	{
	color: #00c2b3
}

.boss-content .boss-list .boss-infor .infor-base div:nth-child(2) .infor-division
	{
	display: inline-block;
	width: 1px;
	height: 12px;
	background-color: #eee;
	margin: 0 10px;
	line-height: 20px
}

.boss-content .boss-list .boss-infor .infor-base div:last-child p {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.boss-content .boss-list .boss-infor .infor-base div:last-child p span {
	color: #414a60
}

.boss-footer /deep/ .btn-primary {
	width: 100%
}

.siderResume-dialog .dialog-container {
	padding: 24px 0 24px 30px !important
}

.siderResume-dialog .dialog-footer {
	padding-right: 0;
	margin-right: 30px
}

.sider-recommend {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fff
}

.sider-recommend li {
	border-bottom: 1px solid #edf0f6;
	line-height: 30px;
	padding: 5px;
	cursor: pointer
}

.sider-recommend li:last-child {
	border: none
}

.sider-recommend li .red-dot {
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 3px;
	background-color: #ff4b5f;
	margin-bottom: 3px
}

.sider-recommend li .ui-icon-arrow-right {
	position: relative;
	top: 9px;
	color: #a2a6b3;
	float: right
}

.sider-recommend li:hover, .sider-recommend li:hover .ui-icon-arrow-right
	{
	color: #5dd5c8
}

.sider-vip {
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/geek-vip-background.a93dc051.png)
		no-repeat 176px 8px #fff;
	background-image: image-set(url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/geek-vip-background.a93dc051.png)
		1x,
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/geek-vip-background@2x.c93eeeba.png)
		2x)
}

.sider-vip-title span {
	font-weight: 500;
	flex: 1
}

.sider-vip-title small {
	font-size: 12px;
	color: #8d92a1
}

.sider-vip ul {
	margin-top: 16px
}

.sider-vip li {
	margin: 12px 0 0;
	white-space: nowrap;
	font-size: 13px;
	color: #61687c;
	line-height: 30px
}

.sider-vip li .vip-icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/geek-vip-icons.c4156031.png)
		no-repeat;
	background-image: image-set(url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/geek-vip-icons.c4156031.png)
		1x,
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/geek-vip-icons@2x.9a1aa6b8.png)
		2x);
	margin-right: 20px
}

.sider-vip li .vip-icon-resume {
	background-position: 0 0
}

.sider-vip li .vip-icon-data {
	background-position: 0 -50px
}

.sider-vip li .vip-icon-vip {
	background-position: 0 -100px
}

.sider-vip li .vip-icon-diamonds {
	background-position: 0 -150px
}

.vip-sider-dialog .dialog-container {
	width: 380px;
	height: 100%
}

.vip-sider-dialog .dialog-container .dialog-body {
	max-height: none;
	height: 100%
}

.vip-sider-dialog .dialog-header .title {
	color: #fff;
	font-size: 18px;
	text-indent: 30px;
	line-height: 60px;
	height: 60px;
	background: #28c3b1
}

.vip-sider-dialog .dialog-header .close {
	display: none
}

.vip-sider-dialog .vip-frame {
	height: 100%;
	overflow: hidden
}

.vip-sider-dialog .vip-frame iframe {
	border: 0;
	width: 100%;
	height: 100vh
}

.refresh-lines {
	min-height: 224px
}

.refresh-lines, .refresh-lines .head {
	position: relative
}

.refresh-lines .head .svg-sub {
	float: right;
	font-size: 12px;
	line-height: 28px;
	color: #8d92a1
}

.refresh-lines .head .svg-sub span:before {
	display: inline-block;
	content: " ";
	width: 4px;
	height: 4px;
	background-color: #53cac3;
	vertical-align: middle;
	border-radius: 2px;
	margin-right: 3px;
	margin-top: -2px
}

.refresh-lines .head .svg-sub span.svg-other:before {
	background-color: #f8c579;
	margin-left: 11px
}

.refresh-lines .head h4 {
	color: #414a60;
	font-size: 14px;
	font-weight: 400;
	float: left;
	line-height: 28px
}

.refresh-lines .head h4:hover {
	color: #00c2b3;
	cursor: pointer
}

.refresh-lines .head h4:hover+.resume-refresh-tip {
	display: block
}

.refresh-lines .head .resume-refresh-tip {
	display: none;
	position: absolute;
	width: 236px;
	height: 66px;
	padding: 10px 15px;
	background-color: #fff;
	left: -265px;
	top: -20px;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
	text-align: left;
	font-size: 13px;
	color: #9fa3b0;
	line-height: 23px;
	z-index: 999
}

.refresh-lines .head .resume-refresh-tip:after {
	display: inline-block;
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left-color: #fff;
	position: absolute;
	right: -30px;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0)
}

.refresh-lines .resume-refresh-hwslider {
	height: 125px;
	position: relative;
	overflow: hidden
}

.refresh-lines .resume-refresh-hwslider span {
	display: block;
	position: absolute;
	top: 0;
	z-index: 2;
	width: 20px;
	height: 100px;
	line-height: 110px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #d4d8dd;
	cursor: pointer;
	text-decoration: none
}

.refresh-lines .resume-refresh-hwslider span.arrow-next {
	right: 0
}

.refresh-lines .resume-refresh-hwslider ul {
	width: 3000px;
	height: 140px;
	transition: margin-left .2s linear
}

.refresh-lines .resume-refresh-hwslider ul li {
	float: left;
	width: 224px;
	overflow: hidden;
	padding-left: 10px
}

.refresh-lines .refresh-btn {
	width: 160px;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	border: 0;
	color: #fff;
	letter-spacing: 1px;
	background: #5dd5c8;
	text-align: center;
	cursor: pointer;
	margin: 0 auto
}

.refresh-lines .refresh-btn:hover {
	background-color: #6adbcf
}

.refresh-lines .refresh-btn.disabled {
	background-color: #eef0f5;
	color: #d1d4db
}

.refresh-lines .refresh-text {
	margin-top: 10px;
	font-size: 12px;
	line-height: 1;
	color: #8d92a1
}

.refresh-lines .refresh-text .refresh-free-count {
	color: #53cac3;
	margin-left: 10px
}

.resume-refresh .dialog-footer .btns .btn {
	height: 34px;
	line-height: 32px;
	min-width: 42px;
	padding: 0 25px;
	font-size: 14px;
	border: 1px solid #5dd5c8;
	letter-spacing: 1px;
	cursor: pointer;
	color: #5dd5c8
}

.resume-refresh .dialog-footer .btns .btn.btn-sure {
	color: #fff;
	background-color: #5dd5c8
}

.resume-refresh .dialog-footer .btns .btn.btn-sure:hover {
	background-color: #6adbcf
}

.resume-refresh .dialog-footer .btns .btn.btn-disabled, .resume-refresh .dialog-footer .btns .btn.btn-disabled:hover
	{
	color: #9fa3b0;
	background-color: #fff;
	border-color: #d1d4db
}

.refesh-svg .x-axis {
	stroke: #eef0f5;
	stroke-width: .5px
}

.refesh-svg .bg-axis {
	stroke: transparent;
	stroke-width: 29
}

.refesh-svg .bg-axis.axis-hover, .refesh-svg .bg-axis:hover {
	stroke: rgba(241, 245, 255, .66)
}

.refesh-svg .refesh-line {
	stroke: #6bd0ca;
	stroke-width: 1px
}

.refesh-svg .refesh-line.refesh-line0 {
	stroke: #f8c579
}

.refesh-svg .fresh-day {
	font-size: 13px;
	fill: #d1d4db
}

.refesh-svg .my-series, .refesh-svg .similar-series {
	font-size: 15px;
	fill: #53cac3;
	text-anchor: middle;
	display: none
}

.refesh-svg.active .refresh-x:last-child .my-series {
	display: block
}

.refesh-svg .similar-series {
	fill: #f8c579;
	display: none
}

.refesh-svg .similar-yaxis {
	stroke: #f8c579;
	stroke-width: 1px;
	fill: #f8c579
}

.refesh-svg .similar-yaxis:hover {
	stroke: #f6e9d5;
	stroke-width: 2.5px;
	r: 4px;
	fill: #f8c579
}

.refesh-svg .similar-yaxis:hover+.similar-series {
	display: block
}

.refesh-svg .my-yaxis {
	stroke: #5cd5c8;
	stroke-width: 1px;
	fill: #53cac3
}

.refesh-svg .my-yaxis:hover {
	stroke: #c9efee;
	stroke-width: 2.5px;
	fill: #53cac3;
	r: 4px
}

.refesh-svg .my-yaxis:hover+.my-series {
	display: block
}

.refesh-svg .today-dots {
	font-size: 10px;
	fill: #fc5b5c
}

.assessment .refresh-test-img {
	width: 192px;
	height: 122px;
	margin: 16px auto
}

.assessment .refresh-test-img img {
	width: 100%;
	vertical-align: top
}

.assessment p {
	font-size: 12px;
	color: #9fa3af;
	line-height: 17px;
	margin: 16px 0;
	text-align: center
}

.resume-settings .pull-right {
	font-size: 14px;
	color: #56cbc4
}

.resume-settings .setting-item {
	color: #414a60;
	padding: 15px 30px;
	margin: 0 -30px;
	line-height: 20px
}

.resume-settings .setting-item .pull-right {
	float: right;
	font-size: 13px;
	color: #9fa3af
}

.resume-settings .setting-item+.setting-item {
	border-top: 1px solid #f3f3f3
}

.resume-settings .setting-item:last-child {
	padding: 15px 30px;
	margin-bottom: -15px
}

.resume-settings .text-green {
	color: #56cbc4
}

.zhipin-resume {
	padding: 0
}

.zhipin-resume img {
	display: block;
	width: 100%
}

.data-blank-wrap {
	padding: 10px 30px
}

.data-blank-wrap .data-tip {
	padding: 100px 0;
	text-align: center;
	min-height: 340px;
	position: relative;
	background: #fff
}

.data-blank-wrap .data-tip .data-blank {
	width: 360px;
	display: inline-block
}

.data-blank-wrap .data-tip .data-blank .tip-nodata {
	display: block;
	width: 194px;
	height: 232px;
	margin: 0 auto 5px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/tip-nodata.f6440857.png)
		center 0 no-repeat
}

.data-blank-wrap .data-tip .data-blank .blank-txt {
	font-size: 16px;
	font-weight: 200;
	color: #9fa3b0;
	line-height: 26px
}

.data-blank-wrap .data-tip .data-blank .goto-system {
	margin-top: 30px
}

.data-blank-wrap .data-tip .data-blank .goto-system .btn {
	font-size: 13px;
	border-radius: 3px;
	line-height: 30px;
	height: 32px;
	padding: 0;
	display: inline-block;
	min-width: 114px;
	border: 1px solid #5dd5c8;
	color: #fff;
	letter-spacing: 1px;
	background-color: #5dd5c8;
	text-align: center;
	cursor: pointer
}

.data-blank-wrap .data-tip .data-blank .goto-system .btn:hover {
	background-color: #6adbcf
}

.dialog-footer {
	margin: 0 -30px;
	border-top: 1px solid #eee;
	padding-top: 15px;
	padding-right: 30px
}

.dialog-footer .btn {
	display: inline-block;
	height: 34px;
	line-height: 32px;
	min-width: 42px;
	font-size: 14px;
	letter-spacing: 1px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #5dd5c8;
	padding: 0 25px;
	margin-left: 20px;
	background-color: #5dd5c8;
	color: #fff
}

.dialog-footer .btn:hover {
	background-color: #6adbcf
}

.dialog-footer .btn.btn-outline {
	color: #5dd5c8;
	background-color: #fff
}

.dialog-footer .btn.btn-outline:hover {
	line-height: 30px;
	padding: 0 24px;
	border-width: 2px
}

.dialog-icons-default .dialog-container {
	width: 460px;
	line-height: 26px
}

.dialog-icons-default .dialog-container .dialog-title .title {
	margin-left: 44px;
	font-weight: 400;
	word-wrap: break-word;
	word-break: break-all
}

.dialog-icons-default .dialog-container .dialog-title .icon-dialog {
	float: left
}

.dialog-icons-default .dialog-container .dialog-title .icon-dialog-error,
	.dialog-icons-default .dialog-container .dialog-title .icon-dialog-info,
	.dialog-icons-default .dialog-container .dialog-title .icon-dialog-lock,
	.dialog-icons-default .dialog-container .dialog-title .icon-dialog-success,
	.dialog-icons-default .dialog-container .dialog-title .icon-dialog-warning
	{
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons-dialog.878a7a50.png);
	background-repeat: no-repeat
}

.dialog-icons-default .dialog-container .dialog-title .icon-dialog-info
	{
	background-position: 0 -242px
}

.dialog-icons-default .dialog-container .dialog-title .icon-dialog-warning
	{
	background-position: 0 -163px
}

.dialog-icons-default .dialog-container .dialog-title .icon-dialog-error
	{
	background-position: 0 -82px
}

.dialog-icons-default .dialog-container .dialog-title .icon-dialog-lock
	{
	background-position: 0 -320px
}

.dialog-icons-default .dialog-container .dialog-con {
	padding-left: 44px
}

.dialog-icons-default .dialog-container .dialog-con .tip-text {
	padding: 10px 0;
	color: #9fa3b0;
	line-height: 24px;
	font-size: 14px;
	background-image: none
}

.greet-pop .dialog-container {
	width: 490px;
	margin: 0;
	line-height: 26px
}

.greet-pop .dialog-container .dialog-title h3 {
	font-size: 14px;
	font-weight: 400;
	color: #414a60
}

.greet-pop .dialog-container .dialog-con {
	padding-top: 25px;
	padding-bottom: 30px
}

.greet-pop .dialog-container .dialog-con .greet-con {
	background-color: #f8f9fc;
	color: #9fa3b0;
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 10px;
	overflow: hidden
}

.greet-pop .dialog-container .dialog-con span {
	display: inline-block;
	margin-top: 20px;
	font-size: 12px;
	color: #9fa3b0
}

.greet-pop .dialog-container .dialog-con .remindType input {
	position: relative;
	top: 1px;
	margin-right: 10px
}

.dialog-primary-default .dialog-container {
	width: 400px;
	padding: 24px 30px;
	line-height: 26px
}

.dialog-primary-default .dialog-container .dialog-title h3 {
	font-weight: 400
}

.dialog-primary-default .dialog-container .upload-dialog-deliver {
	padding-top: 10px
}

.dialog-primary-default .dialog-container .upload-dialog-deliver p {
	color: #9fa3af
}

.dialog-primary-default .dialog-container .upload-dialog-deliver .red {
	color: #fc703e !important
}

.dialog-primary-default .dialog-container .upload-dialog-deliver .btns {
	margin-top: 20px;
	text-align: right
}

.dialog-primary-default .dialog-container .upload-dialog-deliver .btns .btn
	{
	position: relative;
	overflow: hidden;
	display: inline-block;
	height: 34px;
	line-height: 32px;
	min-width: 96px;
	font-size: 14px;
	letter-spacing: 1px;
	text-align: center;
	cursor: pointer;
	padding: 0;
	border: 1px solid #5dd5c8;
	margin-left: 20px;
	background-color: #5dd5c8;
	color: #fff
}

.dialog-primary-default .dialog-container .upload-dialog-deliver .btns .btn.btn-file input
	{
	position: absolute;
	width: 100%;
	height: 200%;
	top: -100%;
	left: 0;
	background: 0 0;
	opacity: 0;
	cursor: pointer
}

.dialog-primary-default .dialog-container .upload-dialog-deliver .btns .btn:hover
	{
	background-color: #6adbcf
}

.dialog-primary-default .dialog-container .upload-dialog-deliver .btns .btn.btn-outline
	{
	color: #5dd5c8;
	background-color: #fff
}

.dialog-primary-default .dialog-container .upload-dialog-deliver .btns .btn.btn-outline:hover
	{
	line-height: 30px;
	padding: 0 24px;
	border-width: 2px
}

#toast {
	position: fixed;
	width: 80%;
	left: 10%;
	top: 50%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	z-index: 1999;
	-webkit-animation: toastTop .25s ease-out;
	animation: toastTop .25s ease-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

#toast.slideup {
	-webkit-animation-name: toastHide;
	animation-name: toastHide
}

#toast .toast-con {
	display: inline-block;
	background: #fff;
	margin: 0 auto;
	padding: 0 20px;
	line-height: 50px;
	box-shadow: 0 0 14px rgba(0, 0, 0, .11)
}

#toast .toast-con .icon-toast-error, #toast .toast-con .icon-toast-info,
	#toast .toast-con .icon-toast-loading, #toast .toast-con .icon-toast-success,
	#toast .toast-con .icon-toast-warning {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 13px;
	margin-top: -2px;
	vertical-align: middle;
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons-toast.82bcc73c.png);
	background-repeat: no-repeat
}

#toast .toast-con .icon-toast-success {
	background-position: 0 0
}

#toast .toast-con .icon-toast-info {
	background-position: 0 -119px
}

#toast .toast-con .icon-toast-warning {
	background-position: 0 -60px
}

#toast .toast-con .icon-toast-error {
	background-position: 0 -187px
}

#toast .toast-con .icon-toast-loading {
	background-position: 0 -232px;
	-webkit-animation: semicircle .8s linear infinite;
	animation: semicircle .8s linear infinite
}

.jconfirm {
	z-index: 1010;
	font-family: inherit;
	overflow: hidden
}

.jconfirm, .jconfirm .jconfirm-bg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.jconfirm .jconfirm-bg {
	opacity: 0;
	-webkit-transition: all .4s;
	transition: all .4s
}

.jconfirm .jconfirm-bg.seen {
	opacity: 1;
	-webkit-transition: none !important;
	transition: none !important
}

.jconfirm.jconfirm-white .jconfirm-bg {
	background-color: rgba(37, 40, 48, .7)
}

.jconfirm .jconfirm-scrollpane {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: auto;
	overflow: hidden
}

.jconfirm .jconfirm-scrollpane .jconfirm-box {
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	outline: 0;
	padding: 0;
	-webkit-transition: none !important;
	transition: none !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	margin: 0 auto;
	opacity: 1;
	margin-top: 0 !important
}

.jconfirm .jconfirm-scrollpane .jconfirm-box .closeIcon {
	position: absolute;
	cursor: pointer;
	opacity: .6;
	text-align: center;
	-webkit-transition: opacity .1s ease-in;
	transition: opacity .1s ease-in;
	display: none;
	z-index: 200;
	width: 30px;
	height: 30px;
	line-height: 30px;
	top: -15px;
	right: -15px;
	background-color: rgba(73, 74, 78, .9);
	background-position: -39px -602px;
	font-size: 0;
	color: #fff;
	border-radius: 100%;
	opacity: .9
}

.jconfirm .jconfirm-scrollpane .jconfirm-box .title-c {
	display: block;
	font-size: 18px;
	line-height: 20px;
	border-bottom: 1px solid #eee
}

.jconfirm .jconfirm-scrollpane .jconfirm-box .content-pane {
	margin-bottom: 15px;
	height: auto;
	display: inline-block;
	width: 100%;
	position: relative
}

.jconfirm .jconfirm-scrollpane .jconfirm-box .buttons {
	text-align: right;
	border-top: 1px solid #eee;
	padding-top: 12px
}

.jconfirm .jconfirm-scrollpane .jconfirm-box .jquery-clear {
	clear: both
}

.jconfirm .jconfirm-scrollpane .pop-sign-box .jconfirm-box {
	width: 410px;
	border-radius: 8px
}

.jconfirm .jconfirm-scrollpane .pop-sign-box .jconfirm-box .closeIcon {
	background-position: 6px -1430px;
	top: 12px;
	right: 12px;
	background-color: transparent;
	font-size: 35px;
	color: #b1b4bf
}

.jconfirm .jconfirm-scrollpane .pop-sign-box .jconfirm-box .title-c {
	display: none
}

.jconfirm .jconfirm-scrollpane .pop-sign-box .jconfirm-box .content-pane
	{
	min-height: 514px
}

.jconfirm .jconfirm-scrollpane .pop-sign-box .jconfirm-box .buttons {
	padding-bottom: 15px
}

.jconfirm .jconfirm-scrollpane .pop-sign-box.sign-wrap-v2 .jconfirm-box
	{
	width: 740px
}

@
-webkit-keyframes toastHide { 0%{
	opacity: 1;
	-webkit-transform: translateY(45px);
	transform: translateY(45px)
}

to {
	opacity: 0;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

}
@
keyframes toastHide { 0%{
	opacity: 1;
	-webkit-transform: translateY(45px);
	transform: translateY(45px)
}

to {
	opacity: 0;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

}
.ucenter-container {
	padding-top: 20px
}

.ucenter-container .user-sider {
	float: right;
	width: 284px
}

.ucenter-container .user-jobs-area {
	margin-right: 300px
}

.ucenter-container .clearfix:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both
}

.ucenter-container .vline {
	display: inline-block;
	width: 1px;
	height: 12px;
	vertical-align: middle;
	background: #e0e0e0;
	margin: 0 10px
}

.account-tab-nav {
	width: 100%
}

.account-tab-nav nav {
	width: 222px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background-color: #f8f9fb;
	text-align: center;
	border-right: 2px solid #eef0f5
}

.account-tab-nav .nav-title {
	font-size: 20px;
	font-weight: 400;
	padding: 30px 0
}

.account-tab-nav .nav-list {
	height: 60px;
	width: 100%;
	line-height: 60px;
	cursor: pointer;
	font-size: 16px;
	opacity: .5;
	margin: 0
}

.account-tab-nav .active {
	background-color: #fff;
	opacity: 1;
	position: relative
}

.account-tab-nav .active:after {
	content: "";
	position: absolute;
	height: 60px;
	width: 3px;
	background: #37c7b7;
	right: -2px;
	top: 0
}

.account-tab-nav .content {
	margin-left: 222px;
	background-color: #fff;
	min-height: 100%;
	flex: 1
}

div.slide-code .nc_scale {
	height: 42px;
	line-height: 42px
}

div.slide-code .nc_scale .scale_text {
	line-height: 42px;
	background-color: #eef0f5;
	color: #61687c
}

div.slide-code .nc_scale span {
	height: 42px;
	width: 46px;
	line-height: 42px
}

div.slide-code .nc_scale .btn_ok {
	line-height: 42px;
	color: #5dd5c8;
	border-color: #5dd5c8
}

.area-code {
	position: relative;
	padding-left: 12px;
	cursor: pointer
}

.area-code .area-code-num {
	display: inline-block;
	color: #414a60;
	font-size: 14px;
	text-align: center;
	width: 30px
}

.area-code .selected-code-icon {
	margin-left: 5px
}

.area-code .area-code-select {
	position: absolute;
	top: 24px;
	left: 0;
	width: 170px;
	max-height: 240px;
	overflow: auto;
	background-color: #fff;
	border: 1px solid #f0f0f0
}

.area-code .area-code-select li {
	display: block;
	line-height: 40px;
	color: #9fa3b0;
	padding: 0 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	position: relative;
	z-index: 2
}

.area-code .area-code-select li:hover {
	background-color: #f2f5fa;
	color: #414a60
}

.mobile-content {
	padding: 40px
}

.mobile-content .more-info {
	color: #9fa3b0;
	font-size: 13px;
	margin-top: 20px;
	line-height: 20px
}

.mobile-content .account-area-code.input-wrap-prefix .input {
	padding-left: 75px
}

.mobile-content .account-area-code.input-wrap .prefix {
	z-index: 10
}

.mobile-content .get-check-code {
	color: #00c2b3;
	font-size: 12px;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 12px;
	border-left: 1px solid #e3e7ed
}

.mobile-content .get-check-code em {
	font-style: normal
}

.change-pwd-content {
	padding: 40px
}

.qr-container {
	position: relative;
	width: 300px;
	margin: 0 auto
}

.qr-container .refresh-qr {
	position: absolute;
	top: 47px;
	left: 9px;
	height: 282px;
	width: 282px;
	background-color: hsla(0, 0%, 100%, .9);
	text-align: center
}

.qr-container .refresh-qr p {
	margin-top: 90px;
	font-size: 20px;
	color: #414a60;
	letter-spacing: 1px
}

.qr-container .refresh-qr button {
	display: block;
	font-size: 16px;
	width: 146px;
	text-align: center;
	cursor: pointer;
	margin: 20px auto 0
}

.bind-wechat {
	padding: 50px 80px
}

.bind-wechat .wechat-row {
	margin-bottom: 15px
}

.bind-wechat .cur-account-num {
	margin-left: 33px
}

.bind-wechat .bind-info {
	margin-top: 90px
}

.bind-wechat .bind-type {
	display: inline-block;
	padding-left: 40px;
	height: 40px;
	line-height: 40px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/weixin.18155d7f.png)
		no-repeat 0;
	background-size: 32%;
	vertical-align: middle
}

.bind-wechat .scan-wechat {
	text-align: center
}

.bind-wechat .wechat-bind {
	height: 40px;
	line-height: 40px
}

.bind-wechat .wechat-photo {
	display: inline-block;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	vertical-align: middle
}

.bind-wechat .wechat-name {
	display: inline-block;
	max-width: 200px;
	min-width: 120px;
	margin: 0 8px;
	color: #9fa3af;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.bind-wechat .unbind-wechat-btn {
	display: inline-block;
	cursor: pointer;
	width: 40px;
	margin: 0 8px;
	text-align: center;
	vertical-align: middle
}

.bind-wechat .unbind-wechat {
	position: relative
}

.bind-wechat .unbind-wechat .unbind-wechat-dialog.dialog-wrap {
	width: 360px
}

.bind-wechat .unbind-wechat .dialog-body {
	margin: 20px 0 30px;
	line-height: 26px;
	color: #9fa3b0
}

.bind-wechat .unbind-wechat-title {
	line-height: 24px;
	font-size: 24px;
	font-weight: 400
}

.bind-wechat .unbindWechat-form {
	margin-top: 40px
}

.bind-wechat .get-msg-code {
	font-size: 14px;
	background-color: #fff;
	margin-left: 15px;
	margin-right: 15px;
	color: #5dd5c8
}

.bind-wechat .get-msg-code em {
	font-style: normal
}

.check-phone-unbind-dialog .unbind-wechat-title {
	line-height: 24px;
	font-size: 24px;
	font-weight: 400;
	padding-left: 5px
}

.check-phone-unbind-dialog .input-wrap .suffix {
	right: 10px;
	cursor: pointer
}

.check-phone-unbind-dialog .vertical-line {
	width: 1px;
	height: 15px;
	background-color: #e3e7ed;
	display: inline-block;
	margin-right: 15px
}

.check-phone-unbind-dialog .unbindWechat-form .form-item {
	margin-top: 35px
}

.check-phone-unbind-dialog .unbindWechat-form .form-item .item-label {
	padding-right: 30px
}

.check-phone-unbind-dialog .unbindWechat-form .form-item .item-content .input-wrap
	{
	min-width: 330px
}

.check-phone-unbind-dialog .unbindWechat-form .form-item .item-content #captcha .nc_wrapper
	{
	width: 330px
}

.check-phone-unbind-dialog .unbindWechat-form .unbind-common .item-content
	{
	margin-top: -5px
}

.check-phone-unbind-dialog .unbindWechat-form .unbind-common .item-content .get-msg-code
	{
	color: #5dd5c8
}

.check-phone-unbind-dialog .unbindWechat-form .unbind-common .item-content .get-msg-code em
	{
	font-style: normal
}

.check-phone-unbind-dialog .unbindWechat-form .unbind-common .item-content .input-wrap-prefix .input
	{
	height: 42px
}

.check-phone-unbind-dialog .dialog-footer {
	padding-right: 40px
}

.pricacy-set .title {
	font-size: 16px
}

.pricacy-set .more-company, .pricacy-set .no-more {
	text-align: center
}

.pricacy-set p.text-gray {
	margin-top: 15px
}

.pricacy-set .resume-control {
	padding-top: 30px;
	padding-bottom: 30px;
	margin-left: 50px;
	margin-right: 50px;
	border-bottom: 1px solid #e1e6ea
}

.pricacy-set .resume-control .title {
	height: 33px;
	line-height: 33px;
	font-size: 24px;
	font-weight: 500
}

.pricacy-set .resume-control .control-isResume {
	margin-top: 30px
}

.pricacy-set .resume-control .control-isResume .control-resume-item {
	display: flex;
	align-items: center
}

.pricacy-set .resume-control .control-isResume .control-resume-item+.control-resume-item
	{
	margin-top: 20px
}

.pricacy-set .resume-control .control-isResume .control-resume-item p {
	width: 280px;
	font-weight: 400;
	line-height: 20px;
	height: 20px
}

.pricacy-set .resume-control .control-isResume .control-resume-item .ui-switch
	{
	width: 34px;
	height: 17px;
	line-height: 15px;
	border-radius: 10px
}

.pricacy-set .resume-control .control-isResume .control-resume-item .ui-switch:after
	{
	width: 13px;
	height: 13px
}

.pricacy-set .resume-control .control-isResume .control-resume-item .ui-switch-checked:after
	{
	left: 17px
}

.pricacy-set .resume-status {
	font-size: 13px;
	color: #8d92a1;
	margin-right: 10px
}

.pricacy-set .company-shield {
	margin-top: 30px
}

.pricacy-set .company-shield .title {
	padding-left: 50px;
	padding-right: 50px;
	font-size: 24px;
	font-weight: 500;
	height: 33px;
	line-height: 33px
}

.pricacy-set .company-shield .title .shield-add {
	font-size: 16px;
	color: #37c7b7;
	cursor: pointer
}

.pricacy-set .company-shield .title .shield-add i.add {
	display: inline-block;
	vertical-align: -9px;
	margin-right: -5px;
	width: 28px;
	height: 28px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/setting-add.670c068b.png)
		50% no-repeat
}

.pricacy-set .company-shield .title .batch-operate-container .select-num
	{
	font-size: 16px;
	color: #8d92a1;
	line-height: 34px;
	vertical-align: middle
}

.pricacy-set .company-shield .title .batch-operate-container .btn {
	width: 90px;
	margin-left: 20px
}

.pricacy-set .company-shield .company-shield-tip {
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	padding: 0 50px;
	margin-top: 14px
}

.pricacy-set .company-shield .shield-company-search {
	width: 564px;
	height: 34px;
	line-height: 32px;
	background: #fff;
	border: 1px solid #e3e7ed;
	font-size: 14px;
	color: #9fa3b0;
	cursor: pointer;
	margin-top: 20px;
	margin-left: 50px;
	transition: all .15s linear
}

.pricacy-set .company-shield .shield-company-search span {
	height: 20px;
	line-height: 20px
}

.pricacy-set .company-shield .shield-company-search:hover {
	border-color: #5dd5c8
}

.pricacy-set .company-shield .shield-company-search img {
	position: relative;
	top: -1px;
	width: 14px;
	margin-left: 16px;
	margin-right: 10px;
	vertical-align: middle
}

.pricacy-set .company-shield .shield-company-info {
	padding: 0 50px;
	margin-top: 20px
}

.pricacy-set .company-shield .shield-company-info .shield-company-number
	{
	height: 22px;
	line-height: 22px;
	font-weight: 500;
	font-size: 16px
}

.pricacy-set .company-shield .shield-company-info .batch-manage {
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #00c2b3;
	cursor: pointer;
	margin-top: 1px;
	float: right
}

.pricacy-set .company-shield .operate-area {
	padding: 0 50px;
	margin-top: 14px;
	overflow: hidden
}

.pricacy-set .company-shield .operate-area .checkbox-company {
	font-size: 16px;
	height: 22px;
	line-height: 22px;
	margin-top: 4px;
	font-weight: 500
}

.pricacy-set .company-shield .operate-area .checkbox-company .checkbox-inner
	{
	margin-right: 10px
}

.pricacy-set .company-shield .operate-area .operate-list {
	float: right
}

.pricacy-set .company-shield .operate-area .operate-list .btn {
	padding: 4px 14px;
	font-size: 14px;
	line-height: 20px
}

.pricacy-set .company-shield .operate-area .operate-list .btn+.btn {
	margin-left: 20px
}

.pricacy-set .company-shield .show-shielded-company {
	padding-top: 6px;
	padding-bottom: 12px
}

.pricacy-set .company-shield .show-shielded-company.batch ul li {
	cursor: pointer;
	padding-left: 75px
}

.pricacy-set .company-shield .show-shielded-company li {
	padding: 0 50px;
	height: 40px;
	line-height: 40px;
	position: relative;
	transition: all .15s linear
}

.pricacy-set .company-shield .show-shielded-company li:hover {
	background-color: #f6f7fa
}

.pricacy-set .company-shield .show-shielded-company li:hover span {
	display: inline-block
}

.pricacy-set .company-shield .show-shielded-company li:hover .cancel-btn
	{
	display: block
}

.pricacy-set .company-shield .show-shielded-company li .company-name {
	display: inline-block;
	font-size: 14px;
	max-width: 756px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.pricacy-set .company-shield .show-shielded-company li .checkbox-container
	{
	position: absolute;
	left: 50px;
	top: 0;
	display: inline-block
}

.pricacy-set .company-shield .show-shielded-company li .checkbox-container span
	{
	display: inline-block
}

.pricacy-set .company-shield .show-shielded-company li .checkbox-container .checkbox
	{
	position: relative;
	top: -1px
}

.pricacy-set .company-shield .show-shielded-company li .cancel-btn {
	display: none;
	padding: 5px 10px;
	margin-top: 7px;
	float: right;
	font-size: 13px
}

.pricacy-set .company-shield .show-shielded-company .no-more {
	color: #9fa3af;
	cursor: pointer;
	opacity: .5
}

.pricacy-set .company-shield .show-shielded-company p {
	padding-left: 50px;
	padding-right: 50px;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	color: #8d92a1
}

.pricacy-set .company-shield .empty-company {
	text-align: center;
	padding-top: 102px;
	padding-bottom: 120px
}

.pricacy-set .company-shield .empty-company img {
	display: block;
	margin: 0 auto 20px;
	width: 140px
}

.pricacy-set .company-shield .empty-company span {
	display: inline-block;
	margin: 0 auto;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	color: #8d92a1;
	font-weight: 400
}

.statusDialog /deep/ .title {
	font-size: 14px !important;
	color: #414a60
}

.reason-dialog {
	display: flex;
	flex-wrap: wrap;
	margin-top: 14px
}

.reason-dialog .reason {
	padding: 0 16px;
	color: #b6bac4;
	line-height: 22px;
	font-size: 12px;
	border: 1px solid #d0d4db;
	border-radius: 11px;
	margin-bottom: 10px;
	margin-right: 10px;
	cursor: pointer
}

.reason-dialog .reason:hover {
	border: 1px solid #5dd5c8;
	color: #5dd5c8
}

.reason-dialog .chose-reason {
	background: #5dd5c8;
	color: #fff !important;
	border: 1px solid #5dd5c8
}

.reason-text .import-text {
	min-width: 100% !important
}

.reason-text .numTip {
	position: absolute;
	bottom: 0;
	right: 10px;
	color: #9fa3b0;
	font-size: 12px
}

.reason-text .text-red {
	color: #ef5350
}

.reason-text .text-green {
	color: #00c2b3
}

.reason-text .tip-em {
	padding: 0 2px
}

.add-shield-company-dialog .dialog-container {
	width: 510px;
	height: 476px;
	padding: 24px 0
}

.add-shield-company-dialog .dialog-container .dialog-header {
	padding: 0 30px
}

.add-shield-company-dialog .dialog-container .dialog-header .title {
	font-size: 16px;
	font-weight: 500;
	color: #414a60;
	height: 22px;
	line-height: 22px
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company
	{
	margin-top: 20px
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .input-container
	{
	width: 100%;
	padding: 0 30px
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .input-wrap
	{
	width: 100%
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .input-wrap input
	{
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 68px;
	border: 1px solid #5dd5c8;
	font-size: 13px
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .description
	{
	margin-top: 20px;
	padding: 0 30px
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .description p
	{
	font-size: 12px;
	color: #8d92a1;
	line-height: 21px;
	height: 21px
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .description p i
	{
	display: inline-block;
	width: 2px;
	height: 2px;
	border-radius: 100%;
	background: #8d92a1;
	vertical-align: middle
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .description p.title
	{
	margin-bottom: 14px;
	font-size: 13px;
	height: 18px;
	line-height: 18px;
	color: #51586d
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result
	{
	margin-top: 5px;
	max-height: 296px;
	overflow: auto
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li
	{
	position: relative;
	transition: all .15s linear;
	padding: 15px 30px
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li:after
	{
	content: " ";
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: 0;
	height: 1px;
	background-color: #eef0f5
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li:hover
	{
	background-color: #f8f9fc
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li:hover .delete-shielded-btn
	{
	display: block
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li label span:last-child
	{
	display: none
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li .checkbox
	{
	position: absolute;
	left: 30px;
	top: 19px
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li .checkbox-disabled .checkbox-inner
	{
	background-color: #edf2fc;
	border-color: #dcdfe6;
	cursor: not-allowed
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li .checkbox-disabled .checkbox-input
	{
	cursor: not-allowed
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li .shielded
	{
	display: inline-block;
	font-size: 12px;
	color: #b5b9c2;
	height: 20px;
	line-height: 20px;
	margin-right: 10px;
	vertical-align: middle
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li .delete-shielded-btn
	{
	display: none;
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -15px;
	padding: 7px 11px
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li .company-name
	{
	width: 100%;
	padding: 0 90px 0 28px;
	display: inline-block;
	vertical-align: middle
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li .company-name .company-name-info
	{
	width: 100%;
	display: block;
	font-size: 14px;
	color: #51586d;
	height: 20px;
	line-height: 20px;
	margin-bottom: 6px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li .company-name p
	{
	height: 18px;
	line-height: 18px
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li .company-name p span
	{
	display: inline-block;
	color: #00c2b3;
	font-size: 13px;
	vertical-align: middle;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .operate
	{
	position: absolute;
	right: 0;
	left: 0;
	z-index: 1;
	bottom: 20px;
	height: 34px;
	line-height: 34px;
	padding: 0 30px
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .operate .checkbox
	{
	margin-top: 7px;
	float: left;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #51586d
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .operate .checkbox .checkbox-inner
	{
	margin-top: 0
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .operate .checkbox em
	{
	font-style: normal;
	font-weight: 400;
	color: #00c2b3;
	white-space: nowrap;
	display: inline-block;
	max-width: 180px;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .operate label
	{
	font-size: 12px;
	color: #b5b9c2
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .operate label span
	{
	margin-right: 10px
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-shield-company
	{
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -17px;
	cursor: pointer;
	width: 60px;
	min-width: 60px;
	height: 34px;
	margin-right: 0;
	padding: 0;
	vertical-align: middle;
	border: none;
	background: #5dd5c8
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/search-white.4f4eb782.png)
		20px 7px no-repeat;
	background-size: 19px 19px
}

.status-reset-dialog .dialog-header .icon-dialog {
	margin-top: 0
}

.related-company-dialog .dialog-header .title {
	font-size: 16px;
	font-weight: 500
}

.related-company-dialog .dialog-container {
	width: 510px;
	height: 260px
}

.related-company-dialog .dialog-header {
	line-height: 22px
}

.related-company-dialog .dialog-body {
	margin-top: 20px
}

.related-company-dialog .related-company p {
	line-height: 24px;
	font-size: 13px;
	color: #51586d;
	position: relative;
	padding-left: 10px
}

.related-company-dialog .related-company p i {
	position: absolute;
	top: 11px;
	left: 0;
	display: inline-block;
	width: 2px;
	height: 2px;
	border-radius: 100%;
	background: #51586d;
	vertical-align: middle
}

.related-company-dialog .related-company em {
	font-style: normal;
	font-weight: 400;
	color: #00c2b3
}

.related-company-dialog .related-company .operate {
	position: absolute;
	right: 30px;
	bottom: 30px
}

.related-company-dialog .related-company .operate button+button {
	margin-left: 20px
}

.related-company-dialog .related-company .operate .cancel-btn {
	padding: 9px 30px
}

.related-company-dialog .related-company .operate .btn[disabled].btn-primary:hover
	{
	background-color: #fff
}

.related-company-dialog .related-company .operate .confirm-btn {
	padding: 9px 12px
}

.phrases-content {
	padding: 40px
}

.phrases-content h3.normal {
	font-size: 16px;
	font-weight: 400;
	padding-bottom: 25px;
	position: relative
}

.phrases-content h3.normal:after {
	content: "";
	position: absolute;
	width: 34px;
	height: 2px;
	display: block;
	background: #e2e5e9;
	left: 0;
	bottom: 0
}

.phrases-content .no-phrases .title-tip {
	margin-top: 10px;
	color: #8d92a1
}

.phrases-content .list {
	margin-top: 13px
}

.phrases-content .list ul li {
	position: relative;
	padding-left: 20px;
	margin-bottom: 15px;
	line-height: 26px
}

.phrases-content .list ul li a {
	opacity: .5
}

.phrases-content .list ul li a:hover {
	opacity: 1;
	color: #18c3b1
}

.phrases-content .list ul li a.edit {
	margin-right: 8px
}

.phrases-content .list ul li a.del {
	position: relative
}

.phrases-content .list ul li p {
	margin-right: 150px
}

.phrases-content .list ul li .move-down, .phrases-content .list ul li .move-up
	{
	margin-right: 10px
}

.phrases-content .list ul li .move-down svg, .phrases-content .list ul li .move-up svg
	{
	width: 15px;
	height: 14px;
	vertical-align: sub
}

.phrases-content .list ul li:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	width: 7px;
	height: 7px;
	border-radius: 100%;
	background-color: #dedfe5
}

.phrases-content .operate {
	margin-top: 30px
}

.phrases-content .operate a {
	color: #18c3b1;
	cursor: pointer
}

.phrases-content .operate a:hover {
	opacity: .8
}

.phrases-content .add-edit {
	margin-top: 10px
}

.phrases-content .add-edit p.text-warning {
	color: #fc6c38;
	margin-bottom: 20px
}

.phrases-content .add-edit .textarea-info {
	width: 530px
}

.phrases-content .add-edit .textarea-info .num {
	color: #9fa3b0;
	display: inline-block
}

.phrases-content .add-edit .textarea-info a.cancel {
	margin-right: 20px
}

.phrases-content .add-edit .textarea-warning {
	margin-top: 20px
}

.phrases-content .add-edit-textarea {
	min-width: 530px
}

.phrases-content .add-edit-textarea textarea {
	border-radius: 5px;
	background-color: #f8f9fc;
	border-color: #f8f9fc;
	padding: 15px;
	color: #000;
	font-size: 13px
}

.phrases-content .add-edit-textarea textarea:hover {
	border-color: #f8f9fc
}

.phrases-content .add-edit-textarea textarea:focus {
	background-color: #fff;
	border-color: #18c3b1
}

.phrases-content .add-edit-textarea textarea::-webkit-input-placeholder
	{
	color: #9fa3af;
	font-size: 13px
}

.phrases-content .del .dialog-container {
	min-width: 240px
}

.phrases-content .del .dialog-container .dialog-body {
	text-align: center
}

.set-greet-content {
	padding: 40px
}

.set-greet-content h3 {
	font-size: 16px;
	font-weight: 400;
	padding-bottom: 25px;
	position: relative
}

.set-greet-content h3:after {
	content: "";
	position: absolute;
	width: 34px;
	height: 2px;
	display: block;
	background: #e2e5e9;
	left: 0;
	bottom: 0;
	visibility: visible
}

.set-greet-content p {
	margin-top: 20px
}

.set-greet-content .list {
	margin-top: 13px
}

.set-greet-content .list ul li {
	margin-bottom: 11px;
	color: #9fa3b0
}

.set-greet-content .list ul li label {
	line-height: 25px;
	white-space: normal
}

.account {
	position: relative;
	background-color: #fff;
	min-height: 70vh;
	margin-top: 20px;
	display: flex
}

.account .account-form.ui-form .item-label {
	padding-right: 20px
}

.account .vertical-line {
	width: 1px;
	height: 15px;
	background-color: #e3e7ed
}

@media ( max-height :790px) {
	.account {
		min-height: 458px
	}
}

[v-cloak] {
	display: none !important
}

.fz-resume {
	position: relative;
	top: -1px;
	width: 14px;
	height: 14px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons-resume.f44cb025.png)
		no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}

.fz-female {
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons-sex-woman.d3e2e2ee.png)
}

.fz-female, .fz-male {
	vertical-align: top;
	background-size: contain
}

.fz-male {
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons-sex-man.de536dab.png)
}

.fz-neutral {
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons-sex-neutral.78b19ef7.png);
	background-size: contain;
	vertical-align: top
}

.fz-experience {
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/fz-experience.8262af56.png)
		no-repeat 50%;
	background-size: 14px 14px
}

.fz-degree {
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/fz-degree.ca98e361.png)
		no-repeat 50%;
	background-size: 14px 13px
}

.fz-status {
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/fz-status.cf25203e.png)
		no-repeat 50%;
	background-size: 14px 14px
}

.fz-time {
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/fz-time.c5024807.png)
		no-repeat 50%;
	background-size: 14px 14px
}

.fz-tel {
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/fz-tel.2f39343a.png)
		no-repeat 50%;
	background-size: 14px 14px
}

.fz-weixin {
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/fz-weixin.fc965705.png)
		no-repeat 50%;
	background-size: 14px 13px
}

.fz-mail {
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/fz-mail.744784db.png)
		no-repeat 50%;
	background-size: 14px 11px
}

.fz-job {
	background-position: -25px -539px
}

.fz-salary {
	background-position: -1px -565px
}

.fz-industry {
	background-position: -30px -565px
}

.fz-place {
	background-position: -2px -589px
}

.fz-close {
	background-position: 6px -696px;
	float: right
}

.fz-info {
	background-position: 0 -54px
}

.fz-contact {
	background-position: -1px -620px
}

.fz-adventage {
	background-position: 0 -109px
}

.fz-positon {
	background-position: 0 -168px
}

.fz-history {
	background-position: 0 -225px
}

.fz-project {
	background-position: 0 -283px
}

.fz-eaducation {
	background-position: 0 -339px
}

.fz-edit {
	background-position: 5px -28px
}

.fz-add {
	background-position: 6px -662px
}

.fz-add-2 {
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-add.105d55c1.png);
	background-size: 13px;
	background-position: 50%
}

.fz-socal {
	background-position: 0 -399px
}

.fz-delete {
	background-position: 3px -739px
}

.fz-menu-bullet {
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/menu-bullet.619da94c.png)
}

.fz-menu-num {
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/menu-num.679a6f55.png)
}

.resume-container {
	display: flex;
	padding-top: 20px
}

.resume-container .user-sider {
	position: relative;
	width: 264px
}

.resume-container .upload-works-tip {
	background: #7aa8f3;
	color: #fff;
	height: 30px;
	line-height: 30px;
	box-sizing: border-box;
	padding: 0 5px;
	overflow: hidden;
	font-size: 12px
}

.resume-container .upload-works-tip .ui-icon-close {
	font-size: 14px;
	float: right;
	margin-top: 8px;
	cursor: pointer
}

.resume-container .upload-works-tip .ui-icon-close:hover {
	color: #eee
}

.resume-content {
	flex: 1;
	position: relative;
	margin-right: 400px;
	margin-left: 400px;
	background-color: #f6f6f8;
	border: solid;
}

.resume-content.is-fixed {
	margin-left: 180px
}

.resume-content.has-wraing {
	padding-top: 58px
}

.resume-content .resume-content-box {
	background: #14e3370f;
	box-shadow: 0 -1px 8px rgba(0, 0, 0, .03)
}

.resume-content .resume-center .skill-tag-selecter {
	width: 100%;
	max-width: 660px
}

.resume-content .resume-box-header {
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #f3f3f3;
	padding: 0 30px
}

.resume-content .resume-box-header h2 {
	font-size: 14px
}

.resume-content .resume-box-header a {
	color: #2340fd
}

.resume-content .resume-box-header a:hover {
	color: #6adbcf
}

.resume-content .resume-item-collection {
	margin-top: 16px;
	width: 100%;
	background: #fff;
	padding: 30px
}

.resume-content .industry-container {
	position: relative
}

.resume-content .industry-container .recomend-industry {
	position: absolute;
	bottom: -40px;
	display: inline-block;
	min-width: 208px;
	max-width: 350px;
	height: 32px;
	background: #5dd5c8;
	box-shadow: 0 3px 5px 0 rgba(93, 213, 200, .5);
	padding: 0 14px;
	box-sizing: border-box;
	border-radius: 3px;
	cursor: pointer
}

.resume-content .industry-container .recomend-industry:before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: -4px;
	left: -30px;
	margin-left: 50px;
	background: #5dd5c8;
	transform: rotate(45deg);
	box-shadow: -1px -1px 10px rgba(93, 213, 200, .09)
}

.resume-content .industry-container .recomend-industry:hover {
	background-color: #6adbcf
}

.resume-content .industry-container .recomend-industry .text {
	display: inline-block;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #fff;
	font-size: 14px
}

.resume-preview {
	height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column
}

.resume-preview .resume-box {
	flex: 1;
	overflow: auto;
	padding: 45px 50px
}

.resume-preview .prev-line {
	max-width: none
}

.resume-preview .frame-footer {
	z-index: 2;
	width: 100%;
	padding: 11px 0;
	background-color: #fff;
	text-align: center;
	box-shadow: 0 -5px 8px 0 rgba(0, 0, 0, .04)
}

.resume-preview .frame-footer .btn {
	width: 108px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	padding: 0
}

.update-time {
	font-size: 12px;
	color: #9fa3b0;
	padding-bottom: 10px
}

.update-time .link-preview {
	float: right;
	font-size: 14px
}

.resume-box .prev-line {
	min-width: 80px;
	max-width: 280px
}

.resume-box .prev-line:before {
	margin: 0 15px
}

.resume-box .prev-line .ui-icon-time {
	color: #ababab;
	font-size: 16px;
	margin-right: 10px;
	margin-left: 5px
}

.resume-box .item-primary {
	position: relative;
	padding: 15px 30px;
	box-sizing: content-box;
	transition: all .15s linear;
	border: 1px solid transparent
}

.resume-box .item-primary:hover {
	background-color: #f8f9fb;
	border-color: 1px solid #f8f9fb
}

.resume-box .item-primary:hover .title .link-add {
	display: block
}

.resume-box .item-primary.has-garbage-tag {
	background: #fff9f5
}

.resume-box .item-primary.has-garbage-tag li:hover {
	background: #fff1e6;
	box-shadow: none
}

.resume-box .item-primary .garbage-tag-tip {
	display: flex;
	justify-content: space-between;
	color: #f8a120;
	margin-top: 6px;
	margin-bottom: 10px;
	padding: 0 14px;
	font-size: 13px;
	line-height: 22px;
	margin-right: -14px
}

.resume-box .item-primary .garbage-tag-tip .operate {
	width: 52px;
	height: 22px;
	background: #ffaa32;
	box-shadow: 0 2px 4px 0 rgba(248, 161, 32, .38);
	border-radius: 11px;
	color: #fff;
	line-height: 22px;
	text-align: center;
	cursor: pointer;
	flex-shrink: 0
}

.resume-box .item-primary .name {
	font-size: 24px;
	font-weight: 500
}

.resume-box .item-primary .title {
	position: relative;
	padding-left: 10px;
	font-size: 18px;
	height: 25px;
	line-height: 25px;
	font-weight: 400;
	margin-bottom: 10px
}

.resume-box .item-primary .title:before {
	content: "";
	position: absolute;
	width: 3px;
	height: 15px;
	border-radius: 2px;
	background-color: #53cac3;
	left: 0;
	top: 5px
}

.resume-box .item-primary .title .link-add {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	font-weight: 400;
	color: #00c2b3;
	padding-left: 21px;
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/add-icon.15f474b9.png);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: 0
}

.resume-box .item-primary .title .link-add:hover {
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/add-icon-hover.bc5b713c.png);
	color: #6adbcf
}

.resume-box .item-primary .title .label-text {
	display: inline-block;
	vertical-align: middle;
	max-width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.resume-box .item-primary .info-labels p {
	margin-top: 10px
}

.resume-box .item-primary .op {
	position: absolute;
	display: block;
	right: 3px;
	top: 12px
}

.resume-box .item-primary .op a {
	display: inline-block;
	line-height: 24px;
	padding: 0 5px;
	color: #00c2b3
}

.resume-box .item-primary .op a .icon-svg {
	fill: #00c2b3;
	margin-right: 5px
}

.resume-box .item-primary .op a:hover {
	color: #6adbcf
}

.resume-box .item-primary .op a:hover .icon-svg {
	fill: #6adbcf
}

.resume-box .item-primary .op .link-delete {
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/delete-icon.6d425e18.png);
	background-repeat: no-repeat;
	background-position: 0;
	background-size: 16px 16px;
	padding-left: 21px;
	font-size: 12px
}

.resume-box .item-primary .op .link-delete:hover {
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/delete-icon-hover.b8417837.png)
}

.resume-box .item-primary .op-show {
	display: block
}

.resume-box .item-primary li {
	padding: 10px 14px;
	position: relative;
	min-height: 40px;
	transition: all .15s linear
}

.resume-box .item-primary li+li {
	margin-top: 10px
}

.resume-box .item-primary li:hover {
	background-color: #fff;
	cursor: pointer;
	box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .05);
	border-radius: 4px
}

.resume-box .item-primary li:hover .op {
	display: block
}

.resume-box .item-primary li.disabled .op {
	display: none !important
}

.resume-box .item-primary li.disabled:hover {
	cursor: default;
	background: transparent
}

.resume-box .item-primary li.disabled:hover .op {
	display: none
}

.resume-box .item-primary li.garbage-tag:hover {
	background: #ffecdc
}

.resume-box .item-primary li .op {
	display: none;
	bottom: unset;
	top: 10px !important;
	right: 14px !important
}

.resume-box .item-primary li .op-show {
	display: block
}

.resume-box .item-primary li .op-garbage {
	top: 66px;
	right: 30px
}

.resume-box .item-primary li .info-labels {
	margin-left: -8px
}

.resume-box .item-primary li .primary-info h4 {
	font-size: 15px;
	font-weight: 700
}

.resume-box .item-primary li .primary-info h4.name {
	max-width: 420px;
	word-break: break-all;
	float: left;
	color: #414a60
}

.resume-box .item-primary li .primary-info h4.name+.period {
	font-size: 12px;
	padding-left: 30px;
	float: left;
	position: relative;
	top: 2px
}

.resume-box .item-primary li .primary-info .info-text {
	padding: 7px 0;
	color: #61687c;
	white-space: pre-wrap;
	overflow: hidden;
	word-break: break-all
}

.resume-box .item-primary li .primary-info .info-text:last-of-type {
	padding-bottom: 0
}

.resume-box .item-primary li .primary-info .info-text .text-type {
	font-weight: 700
}

.resume-box .item-primary li .primary-info .info-text.advantage-text {
	padding-top: 0
}

.resume-box .item-primary li .primary-info .keywords {
	padding-top: 7px
}

.resume-box .item-primary li .primary-info .keywords span {
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	color: #9fa3b0;
	padding: 0 14px;
	margin-right: 10px;
	border: 1px solid #cfd1d7;
	border-radius: 50px;
	margin-bottom: 7px
}

.resume-box .item-primary li .primary-info .social-img {
	width: 25px;
	height: 25px;
	border-radius: 100%;
	margin-right: 15px;
	vertical-align: middle
}

.resume-box #social .primary-info {
	white-space: nowrap;
	max-width: 630px;
	text-overflow: ellipsis;
	overflow: hidden
}

.resume-box .item-form {
	padding: 24px 30px;
	background-color: #f8f9fb;
	position: relative
}

.resume-box .item-form .ui-form {
	margin-left: -15px;
	margin-right: -15px
}

.resume-box .item-form .input {
	height: 38px;
	padding-left: 15px;
	padding-right: 15px
}

.resume-box .item-form .input[readonly], .resume-box .item-form .input[readonly]:focus,
	.resume-box .item-form .input[readonly]:hover {
	background-color: #fff;
	cursor: pointer
}

.resume-box .item-form .ui-select .ui-select-inner {
	height: 36px;
	padding-top: 8px
}

.resume-box .item-form .skill-tag-selecter .ui-select .ui-select-inner {
	height: auto;
	padding-top: 8px
}

.resume-box .item-form .skill-tag-selecter .ui-select .ui-select-inner .ui-select-input
	{
	max-width: 100%
}

.resume-box .item-form .radio-group-rectangle .radio-item {
	width: 147px;
	min-width: auto;
	line-height: 36px
}

.resume-box .item-form .input-wrap-textarea .input {
	height: 160px;
	padding: 7px 15px
}

.resume-box .item-form .form-item-advantage .input {
	height: 200px
}

.resume-box .item-form h3.title {
	font-size: 16px;
	height: 22px;
	font-weight: 500;
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.resume-box .item-form .form-item {
	display: inline-block;
	width: 50%;
	vertical-align: top;
	margin-bottom: 20px;
	padding: 0 15px
}

.resume-box .item-form .form-item .city-select-container, .resume-box .item-form .form-item .datepicker-wrap,
	.resume-box .item-form .form-item .input-wrap, .resume-box .item-form .form-item .ui-cascader,
	.resume-box .item-form .form-item .ui-cascader-selection, .resume-box .item-form .form-item .ui-select
	{
	width: 100%;
	flex: 1
}

.resume-box .item-form .form-item .city-select-container .dropdown-select,
	.resume-box .item-form .form-item .city-select-container .ipt {
	width: 100%
}

.resume-box .item-form .form-item .city-select-container .dropdown-menu .city-box .dropdown-city,
	.resume-box .item-form .form-item .city-select-container .dropdown-menu .city-box .dropdown-province
	{
	width: 171px
}

.resume-box .item-form .form-item .date-scope-text, .resume-box .item-form .form-item .scope-separator
	{
	margin: 0 15px
}

.resume-box .item-form .form-item .real-name {
	position: absolute;
	top: -33px;
	left: 38px;
	color: #00c2b3;
	display: flex;
	align-items: center;
	font-size: 12px
}

.resume-box .item-form .form-item .real-name img {
	width: 16px;
	height: 16px;
	margin-right: 4px
}

.resume-box .item-form .form-item .append-tip {
	display: none;
	position: absolute;
	z-index: 1;
	top: 38px;
	left: 0;
	width: 100%;
	font-size: 13px;
	line-height: 20px;
	padding: 9px 14px;
	background-color: #fff;
	border: 1px solid #e3e7ed;
	border-top: 0
}

.resume-box .item-form .form-item .append-tip .gray {
	font-size: 12px
}

.resume-box .item-form .form-item .append-tip .gray a {
	color: #00c2b3
}

.resume-box .item-form .form-item .append-tip .gray a:hover {
	color: #6adbcf
}

.resume-box .item-form .form-item .append-tip .radio-inner {
	margin-right: 10px
}

.resume-box .item-form .form-item .datepicker-wrap:hover .append-tip,
	.resume-box .item-form .form-item .input-group-with-append:hover .append-tip,
	.resume-box .item-form .form-item .radio-group:hover .append-tip,
	.resume-box .item-form .form-item .ui-select:hover .append-tip {
	display: block
}

.resume-box .item-form .form-item .datepicker-wrap .prefix-totoday {
	padding-left: 10px;
	padding-right: 15px;
	line-height: 26px;
	pointer-events: none;
	left: 5px
}

.resume-box .item-form .form-item .nodata-tip {
	position: absolute;
	font-size: 12px;
	padding: 6px 10px 8px 0
}

.resume-box .item-form .form-item .nodata-tip i {
	color: #fc6c38;
	font-size: 14px;
	margin-right: 6px
}

.resume-box .item-form .form-item .datepicker-pannel {
	width: 300px
}

.resume-box .item-form .form-item .datepicker-pannel .picker-content .month,
	.resume-box .item-form .form-item .datepicker-pannel .picker-content .year
	{
	margin: 5px 4px
}

.resume-box .item-form .form-item.form-item-eduDescription .form-eduDescription-lookelse,
	.resume-box .item-form .form-item.form-item-eduDescription .form-work-content-lookelse,
	.resume-box .item-form .form-item.form-item-work-content .form-eduDescription-lookelse,
	.resume-box .item-form .form-item.form-item-work-content .form-work-content-lookelse
	{
	position: absolute;
	right: 0;
	top: -32px
}

.resume-box .item-form .form-item.form-item-eduDescription .form-eduDescription-lookelse .look-else .sample-container .content,
	.resume-box .item-form .form-item.form-item-eduDescription .form-work-content-lookelse .look-else .sample-container .content,
	.resume-box .item-form .form-item.form-item-work-content .form-eduDescription-lookelse .look-else .sample-container .content,
	.resume-box .item-form .form-item.form-item-work-content .form-work-content-lookelse .look-else .sample-container .content
	{
	margin-top: 0;
	line-height: 1.5
}

.resume-box .item-form .form-item.form-item-eduDescription .form-eduDescription-lookelse .look-else .sample-container .no-data,
	.resume-box .item-form .form-item.form-item-eduDescription .form-work-content-lookelse .look-else .sample-container .no-data,
	.resume-box .item-form .form-item.form-item-work-content .form-eduDescription-lookelse .look-else .sample-container .no-data,
	.resume-box .item-form .form-item.form-item-work-content .form-work-content-lookelse .look-else .sample-container .no-data
	{
	margin-top: 0
}

.resume-box .item-form .form-item.form-item-eduDescription .count-work-content,
	.resume-box .item-form .form-item.form-item-work-content .count-work-content
	{
	padding: 7px 15px;
	line-height: 21px;
	position: absolute;
	opacity: 0;
	z-index: -1
}

.resume-box .item-form .form-item.form-item-full {
	width: auto;
	display: block
}

.resume-box .item-form .form-item.form-item-full .append-tip {
	max-width: none
}

.resume-box .item-form .form-item.form-item-full .item-content .date-scope .datepicker-wrap
	{
	flex: 1
}

.resume-box .item-form .form-item.form-item-full .item-content .date-scope .scope-separator
	{
	width: 30px
}

.resume-box .item-form .form-item.form-item-full .item-content:before {
	content: "";
	overflow: hidden;
	height: 0;
	display: block;
	clear: both
}

.resume-box .item-form .form-item.form-item-full .item-content .input-wrap
	{
	width: 100%
}

.resume-box .item-form .form-item.form-item-full .item-content .scope-separator
	{
	width: 30px;
	text-align: center
}

.resume-box .item-form .form-item.form-item-full .item-content .skill-tag-selecter
	{
	width: 100%
}

.resume-box .item-form .form-item.form-item-full .scope-selecter .scope-select .ui-select-selection .ui-select-inner
	{
	padding: 6px 15px 5px
}

.resume-box .item-form .form-item.form-item-full .scope-selecter .scope-select .ui-select-selection .ui-select-inner span
	{
	margin: 0
}

.resume-box .item-form .form-item.form-item-full .serial-toolbar {
	width: 100%
}

.resume-box .item-form .form-item .item-form-suggest-item u.h {
	color: #16c3b1;
	text-decoration: none
}

.resume-box .item-form .form-item.resume-expectation-city .text-small {
	position: absolute;
	right: 55px;
	top: 3px
}

.resume-box .item-form .form-item.resume-expectation-city .ui-select-dropdown,
	.resume-box .item-form .form-item.resume-expectation-city .ui-select-dropdown>.ui-cascader-menu
	{
	width: 100%
}

.resume-box .item-form .form-item.resume-expectation-city .ui-select-dropdown>.ui-cascader-menu .ui-cascader-menu
	{
	width: 50%
}

.resume-box .item-form .form-item.resume-expectation-city .ui-select-dropdown>.ui-cascader-menu .ui-cascader-menu>.ui-dropdown-list
	{
	width: 100%
}

.resume-box .item-form .form-item.resume-expectation-city .ui-select-dropdown>.ui-cascader-menu>.ui-dropdown-list
	{
	width: 50%
}

.resume-box .item-form .form-btns {
	text-align: right;
	padding: 0 15px
}

.resume-box .item-form .form-btns .btn {
	margin-right: 20px;
	min-width: 90px
}

.resume-box .item-form .form-btns .btn:last-of-type {
	margin-right: 0
}

.resume-box .item-form .ui-suggest .ui-dropmenu-list .ui-dropmenu-list-item,
	.resume-box .item-form .ui-suggest .ui-dropmenu-list li {
	display: flex
}

.resume-box .item-form .ui-suggest .ui-dropmenu-list .ui-dropmenu-list-item div,
	.resume-box .item-form .ui-suggest .ui-dropmenu-list li div {
	flex: 1;
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis
}

.resume-box .item-form .ui-suggest .ui-dropmenu-list .ui-dropmenu-list-item div span,
	.resume-box .item-form .ui-suggest .ui-dropmenu-list li div span {
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis
}

.resume-box .item-form .ui-suggest .ui-dropmenu-list .ui-dropmenu-list-item .h,
	.resume-box .item-form .ui-suggest .ui-dropmenu-list li .h {
	text-decoration: none;
	color: #16c3b1
}

.resume-box .avatar-upload {
	position: absolute;
	right: 40px;
	top: 70px;
	z-index: 1
}

.resume-box .resume-baseinfo .item-primary {
	padding-right: 80px
}

.resume-box .resume-baseinfo .info-labels .prev-line:before {
	margin: 0 20px
}

.resume-box .resume-advantage .item-primary li .op {
	display: block
}

.resume-box .expectation-form .salary-scope .ui-select .ui-select-inner
	{
	padding-top: 0
}

.resume-box .expectation-form .short {
	max-width: 140px
}

.resume-box .expectation-form .skill-tag-mask {
	width: 100%;
	height: 100%;
	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2
}

.resume-box .expectation-selection {
	width: 100%
}

.resume-box .expectation-selection ul {
	margin-left: 0;
	padding-top: 0;
	border: 1px solid #e3e7ed
}

.resume-box .date-scope {
	display: flex;
	align-items: center
}

.resume-box .date-scope .datepicker-wrap {
	width: 132px
}

.resume-box .date-scope .datepicker-wrap .input, .resume-box .date-scope .input-wrap
	{
	min-width: 100%
}

.resume-box .date-scope .date-scope-text {
	margin: 0 10px
}

.resume-box .lone, .resume-box .lone .form-item {
	width: 660px
}

.resume-box .no-icon {
	background-color: #0ff
}

.resume-box .no-icon .ui-icon-arrow-down {
	display: none
}

.resume-box .info-flex {
	display: flex
}

.resume-box .info-flex-item {
	flex: 1
}

.resume-box .header-upload {
	width: 56px;
	height: 56px;
	flex: none;
	position: relative;
	float: right;
}

.resume-box .header-upload:hover .header-mask {
	display: block
}

.resume-box .header-upload .header-box {
	width: 100%;
	height: 100%
}

.resume-box .header-upload .header-mask {
	display: none;
	background-color: hsla(0, 0%, 51.4%, .8);
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons-resume.f44cb025.png);
	background-repeat: no-repeat;
	background-position: center -780px
}

.resume-box .header-upload .header-loading, .resume-box .header-upload .header-mask
	{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer
}

.resume-box .header-upload .header-loading {
	background-color: hsla(0, 0%, 51.4%, .5);
	color: #d1d4db;
	text-align: center;
	font-size: 30px;
	line-height: 80px
}

.resume-box .header-upload .header-img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%
}

.resume-box .header-upload .icon-svg {
	position: absolute;
	top: 0;
	right: 0;
	width: 18px;
	height: 18px
}

.resume-box .resume-cropper-upload .custom-cropper-box {
	width: 410px;
	height: 480px;
	padding: 20px;
	border-radius: 10px
}

.resume-box .resume-cropper-upload .cropper-win .btns-box {
	top: calc(50% + 260px)
}

.resume-box .resume-cropper-upload .cropper-win .custom-cropper-box .vue-cropper
	{
	background-color: rgba(0, 0, 0, .6)
}

.resume-box .advantage-show .icon-garbage {
	top: 10px
}

.resume-box .icon-garbage {
	display: inline-block;
	position: absolute;
	width: 15px;
	height: 15px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-bad-resume-pre.1f4c1e52.png)
		no-repeat;
	left: 0;
	top: 17px
}

.resume-box .babresume-warning {
	font-size: 12px;
	font-family: PingFangSC-Regular;
	font-weight: 400;
	color: #fc703e;
	line-height: 17px;
	position: relative;
	margin-top: 5px;
	display: block
}

.resume-box .babresume-warning i {
	font-size: 14px
}

.resume-box .resume-summary .primary-info {
	word-break: break-all
}

.resume-box .resume-userinfo .icon-garbage {
	top: 26px;
	left: -5px
}

.resume-box .resume-social .social-url .primary-info {
	word-break: break-all;
	padding-right: 56px
}

.resume-box .resume-cert-tag {
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	color: #61687c;
	white-space: nowrap;
	height: 23px;
	line-height: 22px;
	border-radius: 2px;
	border: 1px solid #d0d1d6;
	padding: 0 10px;
	margin: 5px 10px 5px 0;
	overflow: hidden;
	vertical-align: top;
	position: relative
}

.resume-box .resume-cert-tag.auth:before {
	content: "V";
	position: absolute;
	background-image: linear-gradient(to left bottom, #53cac3, #53cac3 50%, hsla(0, 0%, 100%,
		0) 0, hsla(0, 0%, 100%, 0));
	right: 0;
	top: 0;
	color: #fff;
	width: 24px;
	height: 24px;
	font-size: 12px;
	line-height: 12px;
	text-align: right;
	padding: 2px 3px 0;
	transform: scale(.5);
	transform-origin: 100% 0
}

.resume-box .resume-tag {
	margin: 0 10px 0 0;
	padding: 2px 8px;
	color: #aaa;
	font-size: 12px;
	vertical-align: middle;
	border-radius: 50px;
	border: 1px solid #4b87ff;
	color: #4b87ff;
	background: none
}

.resume-flex {
	display: flex;
	white-space: nowrap;
	align-items: center
}

.resume-flex .resume-flex-body {
	flex: 1;
	align-self: baseline;
	padding: 0 20px
}

.resume-dialog-preview .dialog-body {
	height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column
}

.resume-dialog-report .input-wrap-textarea {
	width: 560px;
	height: 200px
}

.resume-dialog-report .input-wrap-textarea .input {
	height: 100%
}

.resume-dialog-report .resume-report-desc {
	line-height: 50px
}

.resume-warning {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
	background: #7aa8f3;
	line-height: 30px;
	padding: 0 40px;
	box-sizing: border-box;
	font-size: 13px;
	color: #fff;
	animation: jianli .6s ease;
	z-index: 5
}

.resume-warning-text img {
	width: 14px;
	height: 14px;
	margin: 0 5px;
	vertical-align: text-top
}

.resume-warning-btn {
	color: #fff;
	text-align: center;
	margin-left: 20px;
	font-size: 12px;
	display: block;
	padding: 0 10px;
	height: 18px;
	line-height: 18px;
	transition: all .4s ease;
	border: 1px solid #fff;
	cursor: pointer;
	border-radius: 2px
}

.resume-warning-btn:hover {
	color: #5281cf;
	border-color: #fff;
	background-color: #fff
}

.industry-dialog .dialog-body {
	overflow: visible
}

.resume-certification .visible-wrap {
	position: relative;
	padding-right: 70px;
	max-height: 66px;
	overflow: hidden
}

.resume-certification .visible-wrap.visible-show {
	max-height: none
}

.resume-certification .visible-wrap.visible-hide .visible-btn,
	.resume-certification .visible-wrap.visible-show .visible-btn {
	position: absolute;
	right: 8px;
	bottom: 6px
}

.resume-certification .visible-wrap.visible-hide .visible-btn:before,
	.resume-certification .visible-wrap.visible-show .visible-btn:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	width: 9px;
	height: 9px;
	border: solid #979797;
	border-width: 1px 1px 0 0
}

.resume-certification .visible-wrap.visible-show .visible-btn:before {
	transform: rotate(-45deg);
	margin-top: 3px
}

.resume-certification .visible-wrap.visible-show .visible-btn:after {
	content: "收起"
}

.resume-certification .visible-wrap.visible-hide .visible-btn:before {
	transform: rotate(135deg);
	margin-top: -8px
}

.resume-certification .visible-wrap.visible-hide .visible-btn:after {
	content: "展开"
}

.certification-dialog .dialog-container {
	width: 850px;
	height: 550px;
	padding: 0;
	display: flex;
	flex-direction: column
}

.certification-dialog .dialog-header {
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	border-bottom: 1px solid #f2f3f3
}

.certification-dialog .dialog-header .title {
	font-size: 16px;
	font-weight: 400;
	color: #434a5e
}

.certification-dialog .dialog-header .title .certification-count {
	display: inline-block;
	margin-left: 10px;
	font-size: 14px;
	color: #00c2b3
}

.certification-dialog .dialog-body {
	overflow: auto;
	display: flex;
	flex-direction: column;
	flex: 1
}

.certification-dialog .dialog-body .cert-select-form {
	padding: 0 20px 12px;
	display: flex;
	align-items: flex-start;
	width: 100%
}

.certification-dialog .dialog-body .cert-select-form .btn {
	height: 24px;
	line-height: 24px;
	white-space: nowrap;
	padding: 0 20px;
	font-size: 14px;
	border: 0;
	border-radius: 12px;
	margin-top: 12px;
	margin-left: 20px
}

.certification-dialog .dialog-body .cert-select-tags {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	width: 80%
}

.certification-dialog .dialog-body .cert-select-tags .cert-select-tag {
	white-space: nowrap;
	padding: 0 14px;
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	margin: 12px 12px 0 0;
	font-size: 12px;
	color: #61687c;
	background: #eef0f5
}

.certification-dialog .dialog-body .cert-select-tags .cert-select-remove
	{
	width: 16px;
	height: 16px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	margin: -2px -10px 0 8px;
	background: #cbced6;
	border-radius: 50%
}

.certification-dialog .dialog-body .cert-select-tags .cert-select-remove:hover
	{
	background: #c5c9d2
}

.certification-dialog .dialog-body .cert-select-tags .cert-select-remove:after,
	.certification-dialog .dialog-body .cert-select-tags .cert-select-remove:before
	{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 10px;
	height: 1px;
	background: #fff
}

.certification-dialog .dialog-body .cert-select-tags .cert-select-remove:before
	{
	transform: translate(-50%, -50%) rotate(45deg)
}

.certification-dialog .dialog-body .cert-select-tags .cert-select-remove:after
	{
	transform: translate(-50%, -50%) rotate(-45deg)
}

.certification-dialog .dialog-body .cert-select-tags .cert-input-wrap {
	flex: 1;
	margin-bottom: -12px;
	position: relative;
	height: 48px;
	max-width: 100%
}

.certification-dialog .dialog-body .cert-select-tags .cert-input-wrap .cert-input-value
	{
	min-width: 165px;
	white-space: nowrap;
	overflow: hidden;
	opacity: 0;
	pointer-events: none
}

.certification-dialog .dialog-body .cert-select-tags .cert-input-wrap .ui-suggest
	{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.certification-dialog .dialog-body .cert-select-tags .cert-input-wrap .ui-suggest input
	{
	margin: 0;
	height: 48px;
	border: 0;
	box-shadow: none;
	padding: 12px 0
}

.certification-dialog .dialog-body .cert-select-tags .cert-input-wrap .suggest-item
	{
	white-space: nowrap;
	color: #61687c;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis
}

.certification-dialog .dialog-body .cert-select-tags .cert-input-wrap .suggest-item .suggest-highlight
	{
	color: #53cac3;
	text-decoration: none
}

.certification-dialog .dialog-body .cert-content {
	flex: 1;
	overflow: auto
}

.certification-dialog .dialog-body .cert-content .cert-catgory {
	display: flex
}

.certification-dialog .dialog-body .cert-content .cert-catgory:nth-child(odd)
	{
	background: #f9fafb;
	border-bottom: 1px solid #f9fafb
}

.certification-dialog .dialog-body .cert-content .cert-catgory .cert-catgory-label
	{
	width: 200px;
	border-right: 1px solid #f2f3f3;
	padding: 12px 20px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	font-size: 14px;
	color: #414a60;
	line-height: 20px
}

.certification-dialog .dialog-body .cert-content .cert-catgory .cert-item-list
	{
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	line-height: 24px;
	width: 0;
	padding: 5px 0;
	font-size: 13px
}

.certification-dialog .dialog-body .cert-content .cert-catgory .cert-item-list .cert-item
	{
	width: 50%;
	padding: 5px 20px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer
}

.certification-dialog .dialog-body .cert-content .cert-catgory .cert-item-list .cert-item.selected,
	.certification-dialog .dialog-body .cert-content .cert-catgory .cert-item-list .cert-item:hover
	{
	color: #00c2b3
}

.certification-dialog .dialog-body .cert-content .cert-catgory .cert-item-list .cert-item-title
	{
	padding: 5px 20px;
	width: 100%;
	color: #51586d
}

.certification-dialog .dialog-body .cert-content .cert-catgory .cert-item-list .cert-item-levels
	{
	background: #fff;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 5px 0;
	margin-bottom: -5px
}

.certification-dialog .dialog-body .cert-content .cert-catgory .cert-item-list .cert-item-levels .checkbox
	{
	color: #8d92a1;
	display: block;
	line-height: 20px;
	width: 50%;
	padding: 5px 20px;
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.certification-dialog .dialog-body .cert-content .cert-catgory .cert-item-list .cert-item-levels .checkbox.checkbox-checked
	{
	color: #51586d
}

.certification-dialog .dialog-body .cert-content .cert-catgory:nth-child(2n) .cert-item-list .cert-item-levels
	{
	background: #f9fafb
}

.internship-experence-tag {
	width: 44px;
	height: 20px;
	line-height: 20px;
	border-radius: 10px;
	border: 1px solid #3a98fc;
	margin-left: 20px;
	font-size: 12px;
	font-weight: 500;
	color: #3a98fc;
	display: inline-block;
	text-align: center
}

.form-item-work-type {
	margin-bottom: 0
}

.resume-work-display .item-primary {
	padding-bottom: 0
}

.resume-work-display ul {
	overflow: hidden;
	margin: -10px -5px 0 3px
}

.resume-work-display ul li {
	float: left;
	width: 200px;
	height: 150px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	padding: 0 !important;
	margin: 10px
}

.resume-work-display ul li .progress {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 160px;
	height: 3px
}

.resume-work-display ul li .progress-bar {
	background-color: #5dd5c8
}

.resume-work-display ul li .icon-del {
	display: none;
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	font-size: 20px;
	color: #b2b6c1;
	padding: 5px
}

.resume-work-display ul li .status-fail {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	line-height: 17px
}

.resume-work-display ul li .status-fail span {
	color: #5dd5c8;
	text-decoration: underline
}

.resume-work-display ul li .status-succ {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	line-height: 30px;
	background-color: rgba(0, 0, 0, .5)
}

.resume-work-display ul li.display-item {
	padding: 0;
	background: no-repeat 50%;
	background-size: cover
}

.resume-work-display ul li.display-item:hover {
	border-radius: 0
}

.resume-work-display ul li.display-item:after {
	display: none;
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .4)
}

.resume-work-display ul li.display-item:hover .icon-del,
	.resume-work-display ul li.display-item:hover:after {
	display: block
}

.resume-work-display ul li.display-item:hover .status-succ {
	display: none
}

.resume-work-display ul li.upload-fail:after, .resume-work-display ul li.upload-uploading:after
	{
	display: block
}

.resume-work-display ul .display-item-audit-reject .icon-and-text {
	position: absolute;
	height: 23px;
	width: 75px;
	border-radius: 13px;
	font-size: 12px;
	font-weight: 400;
	top: 70px;
	left: 71px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fe574a
}

.resume-work-display ul .display-item-audit-reject .icon-and-text .audit-reject-icon
	{
	width: 19px;
	height: 19px;
	margin-right: -1px;
	display: inline-block;
	margin-top: 1px;
	margin-left: -6px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-audit-reject@2x.7b0c5c17.png)
		no-repeat 50%;
	background-size: 100% 100%
}

.resume-work-display ul .display-item-audit-reject img {
	opacity: .3
}

.resume-work-display ul .upload-wrap {
	border: 1px dotted #d1d4db
}

.resume-work-display ul .upload-wrap:hover {
	border-radius: 0
}

.resume-work-display ul .upload-wrap .upload-inner {
	height: 100%
}

.resume-work-display ul .upload-wrap .custom-box {
	padding-top: 30px;
	height: 100%
}

.resume-work-display ul .upload-wrap .icon-svg {
	width: 34px;
	height: 34px;
	fill: #5dd5c8;
	margin: 0 0 10px
}

.resume-work-display ul .upload-wrap .upload-guide {
	line-height: 12px;
	color: #00c2b3;
	margin-bottom: 20px
}

.resume-work-display ul .upload-wrap .upload-tip {
	line-height: 17px;
	color: #9fa3b0
}

.resume-work-display ul .upload-wrap:hover {
	background-color: #e1f6f5
}

.resume-preview .resume-work-display ul {
	margin-right: -50px
}

.resume-preview .resume-work-display ul li {
	cursor: auto !important;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden
}

.resume-preview .resume-work-display ul li:after {
	display: none !important
}

.resume-preview .resume-work-display ul li:hover {
	background-color: transparent
}

.dialog-preview.zoom-y .dialog-body {
	align-items: baseline
}

.dialog-preview .dialog-body, .dialog-preview .dialog-container {
	width: 100%;
	height: 100%;
	max-height: none;
	padding: 0;
	background-color: #000
}

.dialog-preview .dialog-body {
	display: flex;
	align-items: center
}

.dialog-preview .preview-img {
	flex: none;
	max-height: 100%;
	max-width: 100%;
	cursor: zoom-in;
	margin: 0 auto
}

.dialog-preview .preview-img.auto-size {
	max-height: none;
	max-width: none;
	cursor: zoom-out
}

.dialog-preview .icon-btn {
	position: absolute;
	cursor: pointer;
	display: inline-block;
	width: 42px;
	height: 42px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons-btn.79f160b4.png)
		no-repeat 50%
}

.dialog-preview .icon-btn:hover {
	background-position-x: -48px
}

.dialog-preview .btn-prev {
	left: 60px;
	top: 50%;
	transform: translateY(-50%);
	background-position: 0 -94px
}

.dialog-preview .btn-next {
	right: 60px;
	top: 50%;
	transform: translateY(-50%);
	background-position: 0 -47px
}

.dialog-preview .btn-cancel {
	top: 60px;
	right: 60px;
	background-position: 0 0
}

.no-scroll {
	overflow: hidden
}

@
keyframes warning { 0%{
	transform: scale(0)
}

to {
	transform: scale(1)
}

}
@
keyframes jianli { 0%{
	transform: translateY(-200%)
}

to {
	transform: translate(0)
}

}
.resume-box .resume-expectList .item-primary li, .resume-box .resume-userinfo .item-primary li
	{
	margin-top: 0
}

.resume-box .resume-expectList .item-form .form-btns, .resume-box .resume-userinfo .item-form .form-btns
	{
	position: absolute;
	bottom: 26px;
	right: 15px
}

.resume-box .resume-expectList .item-form .form-btns.form-btn-normal,
	.resume-box .resume-userinfo .item-form .form-btns.form-btn-normal {
	position: static;
	padding-bottom: 0
}

.resume-box .resume-expectList .item-form .form-item:nth-child(odd),
	.resume-box .resume-userinfo .item-form .form-item:nth-child(odd) {
	margin-bottom: 0
}

.border-select .item-primary {
	animation: border-select 2s
}

@
keyframes border-select { 0%{
	border: 1px solid #5dd5c8
}

25%{
border


:


1
px

 

solid

 

#5dd5c8


}
50%{
border


:


1
px

 

solid

 

#5dd5c8


}
to {
	border: 1px solid transparent
}

}
.resume-catalogue {
	width: 160px
}

.resume-catalogue.is-fixed {
	position: fixed;
	top: 20px;
	z-index: 20
}

.resume-catalogue-group {
	background-color: #fff
}

.resume-catalogue-group.custom-add {
	border-top: 1px solid #f6f6f8
}

.resume-catalogue-group.custom-add .catalogue-list .catalogue-item {
	padding: 0 30px;
	overflow: hidden
}

.resume-catalogue-group.custom-add .catalogue-list .catalogue-item:hover
	{
	overflow: visible
}

.resume-catalogue-group.custom-add .catalogue-list .catalogue-item:hover:after
	{
	content: " ";
	position: absolute;
	top: 0;
	left: 100%;
	width: 5px;
	height: 40px;
	background-color: transparent
}

.resume-catalogue-group.custom-add .catalogue-list .catalogue-item:hover .catalogue-icon
	{
	display: block
}

.resume-catalogue-group.custom-add .catalogue-list .catalogue-tip {
	position: absolute;
	top: 0;
	left: calc(100% + 5px);
	height: 40px;
	line-height: 40px;
	padding: 0 12px;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
	border-radius: 2px;
	background-color: #fff;
	white-space: nowrap;
	align-items: center;
	font-size: 12px;
	z-index: 99
}

.resume-catalogue-group.custom-add .catalogue-list .catalogue-icon {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/custom-add.0e8cb29b.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	transition: all .15s linear
}

.resume-catalogue-group.custom-add .catalogue-list .catalogue-icon:hover
	{
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/custom-add-hover.0a847ff2.png)
}

.resume-catalogue .catalogue-title {
	display: block;
	align-items: center;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	color: #414a60;
	font-weight: 500
}

.resume-catalogue .catalogue-title.main-title {
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #24272e
}

.resume-catalogue .catalogue-list .catalogue-item {
	position: relative;
	display: flex;
	align-items: center;
	padding: 0 20px;
	height: 40px;
	cursor: pointer;
	transition: all .15s linear;
	color: #61687c
}

.resume-catalogue .catalogue-list .catalogue-item.active,
	.resume-catalogue .catalogue-list .catalogue-item:hover {
	background-color: #f2f5f9
}

.dialog-resume-full .dialog-container {
	width: 1000px
}

.dialog-resume-full .dialog-con {
	height: 100%;
	max-height: 100%;
	overflow: auto
}

.pop-resume-box {
	background: #fff;
	width: 1000px;
	margin: 0 auto;
	display: table;
	height: 100%
}

.pop-resume-box .resume-wrap {
	vertical-align: top;
	padding: 20px;
	position: relative;
	height: 100%;
	min-height: 400px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.pop-resume-box .resume-wrap .img-box {
	border: 1px solid #e9ebee;
	margin-top: 20px;
	height: calc(100vh - 92px);
	overflow-y: auto
}

.pop-resume-box .resume-wrap .img-box img {
	width: 100%;
	display: block;
	margin: 0 auto
}

.pop-resume-box h3.title {
	font-size: 24px;
	line-height: 30px
}

.pop-resume-box .resume-sider {
	display: table-cell;
	vertical-align: top;
	width: 250px;
	background: #f9fafb;
	padding: 20px
}

.pop-resume-box .resume-sider h3.title {
	margin-bottom: 20px
}

.pop-resume-box .resume-sider p {
	padding: 5px 0
}

.pop-resume-box .resume-sider p.gray {
	padding-top: 15px
}

.pop-resume-box .resume-sider .btns {
	margin-top: 15px
}

.pop-resume-box .resume-sider .btn {
	height: 32px;
	line-height: 30px;
	font-size: 14px;
	min-width: 0;
	width: 90px;
	padding: 0;
	vertical-align: top
}

.pop-resume-box .resume-sider .btns .btn-outline {
	width: 90px
}

.pop-resume-box .resume-sider .btns .btn-outline:hover {
	background-color: #fff;
	color: #00c7b1;
	line-height: 28px;
	border-width: 2px;
	-webkit-transition: none;
	transition: none;
	border-color: #5dd5c8
}

.pop-resume-box .resume-sider .btn-sure {
	margin-left: 25px;
	background-color: #5dd5c8;
	border-color: #5dd5c8;
	color: #fff
}

.pop-resume-box .resume-sider .btn-sure:hover {
	background-color: #6adbcf;
	border-color: #6adbcf
}

.pop-resume-box .resume-sider .btn-through {
	width: 100%;
	height: 36px;
	line-height: 36px
}

.pop-resume-box .data-tips {
	padding: 0;
	width: 340px;
	height: 150px !important;
	min-height: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -75px 0 0 -170px
}

.pop-resume-box ::-webkit-scrollbar-track-piece {
	background-color: #fff;
	-webkit-border-radius: 0
}

.pop-resume-box ::-webkit-scrollbar {
	width: 4px
}

.pop-resume-box ::-webkit-scrollbar-thumb {
	height: 50px;
	background-color: #ddd;
	-webkit-border-radius: 4px
}

.pop-resume-box ::-webkit-scrollbar-thumb:hover {
	height: 50px;
	background-color: #ccc;
	-webkit-border-radius: 4px
}

.base-info .form-item .item-content .name input {
	width: 180px
}

.base-info .form-item .item-content .datepicker-wrap .input-wrap {
	min-width: 380px
}

.base-info .form-item .item-content .radio-group-rectangle .radio-item {
	min-width: 178px;
	color: #414a60
}

.base-info .form-item .item-content .job-status.radio-group-rectangle .radio-item:nth-child(2n)
	{
	margin-right: 0
}

.base-info .form-item input::-webkit-input-placeholder {
	font-size: 13px;
	color: #d1d4db
}

.base-info .form-item .job-status-common {
	margin-top: 20px
}

.base-info .form-item .radio-desc {
	font-size: 12px;
	color: #8d92a1;
	margin-left: 10px
}

.base-info .base-info-photo {
	width: 80px;
	height: 82px;
	margin: 0;
	float: right
}

.base-info .base-info-photo .form-error-tip {
	display: none
}

.base-info .base-info-photo .name-photo {
	position: relative;
	height: 100%;
	width: 100%;
	cursor: pointer
}

.base-info .base-info-photo .name-photo img {
	width: 78px;
	height: 78px;
	border-radius: 50%;
	border: 1px solid #f6fbfb
}

.base-info .base-info-photo .name-photo .set-photo {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 80px;
	border-radius: 50%
}

.base-info .base-info-photo .name-photo .select-photo-warn {
	position: absolute;
	width: 80px;
	height: 80px;
	padding-left: 0;
	margin-top: 0;
	line-height: 80px;
	background: #efe3e2;
	color: #fc6c38;
	font-size: 12px;
	text-align: center;
	border-radius: 50%
}

.base-info .base-info-photo .name-photo:hover .set-photo {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/avatar-hover.8944c734.png)
		50% no-repeat
}

.education-info .radio-group-rectangle .radio-item {
	width: 178px
}

.education-info .scope-selecter .scope-select .ui-select-selection .ui-select-inner span.ui-select-placeholder
	{
	color: #d1d4db !important
}

.work-info .form-item .item-content .datepicker-wrap:first-child {
	margin-right: 15px
}

.work-info .form-item .item-content .datepicker-wrap .input, .work-info .form-item .item-content .datepicker-wrap .input-wrap
	{
	min-width: 180px;
	width: 180px
}

.work-info .form-item .item-content .skill-tags {
	margin-top: 10px
}

.work-info .form-item .item-content .skill-tags .skill-tag {
	display: inline-block;
	background-color: #eff0f5;
	color: #51586d;
	font-size: 12px;
	cursor: pointer;
	border-radius: 10px;
	margin-right: 10px;
	padding: 0 12px;
	line-height: 20px
}

.work-info .form-item .item-content .skill-tags .skill-tag:hover {
	background-color: #e5f8f7
}

.work-info .form-item .item-content .skill-tags .selectedSkill {
	border: 1px solid #00c2b3;
	background-color: #e5f8f7;
	color: #00c2b3
}

.work-info .form-item .item-content .input[readonly] {
	background: none;
	cursor: pointer
}

.job-info .form-item .item-content .ui-cascader, .job-info .form-item .item-content .ui-cascader-selection
	{
	width: 100%
}

.job-info .form-item .item-content .scope-selecter .scope-select .ui-select-selection .ui-select-inner span.ui-select-placeholder
	{
	margin-left: 0
}

.job-info .form-item .item-content .input[readonly] {
	cursor: pointer;
	background: #fff
}

.job-info .form-item .item-content .input[readonly]:hover {
	border-color: #2cd7c8
}

.guide-page u {
	text-decoration: none;
	color: #16c3b1
}

.guide-page .text-blue {
	color: #00c2b3
}

.guide-page header {
	height: 80px;
	padding: 20px 40px 0;
	border-bottom: 1px solid #e3e7ed;
	background-color: #f8fcff;
	border-radius: 10px 10px 0 0
}

.guide-page header img {
	width: 40px;
	height: 40px
}

.guide-page header .content {
	margin-left: 20px
}

.guide-page header .content h4 {
	line-height: 22px;
	color: #414a60;
	font-size: 16px;
	font-weight: 600
}

.guide-page header .content .describe {
	height: 26px;
	margin-top: 2px;
	line-height: 26px;
	color: #8d92a1;
	font-size: 14px;
	font-weight: 400
}

.guide-page header .skip {
	float: right;
	margin: 8px -40px 0 0;
	padding: 0 5px 0 21px;
	line-height: 23px;
	background: #fff0df
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons.69b3aa96.png)
		no-repeat 5px -1091px;
	background-size: 18px auto;
	color: #eb9a3d;
	font-size: 12px;
	border-radius: 12px 0 0 12px
}

.guide-page .page-content {
	position: relative;
	padding: 30px 40px 64px;
	background-color: #fff;
	min-height: 500px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px
}

.guide-page .page-content footer {
	position: absolute;
	bottom: 30px;
	right: 40px;
	text-align: right
}

.guide-page .page-content footer button:first-child {
	margin-right: 20px
}

.guide-page .form-item .item-label {
	color: #8d92a1;
	font-size: 13px
}

.guide-page .form-item .item-content .input-wrap, .guide-page .form-item .item-content .serial-selecter .serial-toolbar,
	.guide-page .form-item .item-content .ui-select, .guide-page .form-item .item-content .ui-suggest
	{
	width: 100%
}

.guide-page .form-item .item-content .scope-selecter .scope-select .ui-select-selection .ui-select-inner
	{
	padding: 6px 8px 5px
}

.guide-page .form-item .item-content .input-wrap-textarea {
	min-width: 100%
}

.guide-page .form-item .item-content .input-wrap-textarea .input {
	height: 114px;
	color: #414a60;
	padding: 6px 14px
}

.guide-page .form-item.have-desc .item-label {
	position: relative
}

.guide-page .form-item.have-desc .item-label:after {
	content: "";
	position: absolute;
	font-size: 12px;
	color: #61687c;
	white-space: nowrap;
	margin-left: 8px
}

.guide-page .form-item.have-desc.guide-desc .item-label:after {
	content: "可简单叙述，在个人简历中详细修改"
}

.guide-page .form-item.have-desc.select-desc .item-label:after {
	content: "(选填)"
}

.guide {
	position: relative;
	background: #5dd5c8
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/newbg.3ae1e584.png)
		bottom no-repeat;
	min-height: 100vh;
	height: 100px;
	min-width: 800px;
	display: flex;
	justify-content: center;
	align-items: center
}

.guide header.oper {
	position: absolute;
	z-index: 9;
	top: 50px;
	right: 45px
}

.guide header.oper a {
	color: #fff;
	margin-top: 10px
}

.guide header.oper a:last-child {
	height: 32px;
	margin: 3px 20px 0 0;
	padding: 0 20px;
	border: 1px solid #fff;
	line-height: 32px;
	color: #fff
}

.guide header.oper a:hover {
	color: #cefffe
}

.guide .container {
	width: 460px
}

.new-guide-base-info .form-item .item-content .name input {
	width: 420px
}

.new-guide-base-info .form-item .item-content .datepicker-wrap .input-wrap
	{
	min-width: 420px
}

.new-guide-base-info .form-item .item-content .datepicker-wrap .input-wrap input
	{
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/date-pickerX2.87b45287.png);
	background-size: 18px 18px;
	background-repeat: no-repeat;
	background-position: 390px
}

.new-guide-base-info .form-item .item-content .radio-group-rectangle {
	width: 420px
}

.new-guide-base-info .form-item .item-content .radio-group-rectangle .radio-item
	{
	min-width: 200px;
	color: #414a60;
	line-height: 32px
}

.new-guide-base-info .form-item .item-content .job-status.radio-group-rectangle .radio-item:nth-child(2n)
	{
	margin-right: 0
}

.new-guide-base-info .form-item input::-webkit-input-placeholder {
	font-size: 13px;
	color: #d1d4db
}

.new-guide-base-info .form-item .job-status-common {
	margin-top: 20px
}

.new-guide-base-info .form-item .radio-desc {
	font-size: 12px;
	color: #8d92a1;
	margin-left: 10px
}

.new-guide-base-info .base-info-photo {
	width: 80px;
	height: 82px;
	position: absolute;
	right: 136px;
	top: 60px
}

.new-guide-base-info .base-info-photo .form-error-tip {
	display: none
}

.new-guide-base-info .base-info-photo .name-photo {
	position: relative;
	height: 100%;
	width: 100%;
	cursor: pointer
}

.new-guide-base-info .base-info-photo .name-photo:hover .set-photo {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/avatar-hover.8944c734.png)
		50% no-repeat
}

.new-guide-base-info .base-info-photo .name-photo:hover .set-photo .text
	{
	display: none
}

.new-guide-base-info .base-info-photo .name-photo img {
	width: 80px;
	height: 80px;
	border-radius: 50%
}

.new-guide-base-info .base-info-photo .name-photo .set-photo {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 1px solid rgba(89, 202, 190, .6);
	color: rgba(89, 202, 190, .6);
	text-align: center
}

.new-guide-base-info .base-info-photo .name-photo .set-photo .text {
	line-height: 20px;
	font-size: 14px;
	display: inline-block;
	width: 30px;
	margin-top: 20px
}

.new-guide-base-info .base-info-photo .name-photo .photo-default-container
	{
	display: inline-block
}

.new-guide-base-info .base-info-photo .name-photo .select-photo-warn {
	position: absolute;
	width: 80px;
	height: 20px;
	left: 0;
	bottom: -22px;
	line-height: 20px;
	color: #fc6c38;
	font-size: 12px;
	text-align: center
}

.new-guide-education-info .serial-selecter, .new-guide-education-info .ui-select
	{
	width: 420px !important
}

.new-guide-education-info .scope-selecter {
	width: 420px
}

.new-guide-education-info .radio-group-rectangle .radio-item {
	width: 200px
}

.new-guide-education-info .scope-selecter .scope-select .ui-select-selection .ui-select-inner span.ui-select-placeholder
	{
	color: #d1d4db !important
}

.new-guide-work-info .form-item .item-content {
	position: relative
}

.new-guide-work-info .form-item .item-content .input-wrap {
	width: 420px !important
}

.new-guide-work-info .form-item .item-content .ui-select {
	width: 420px !important;
	margin-right: 20px
}

.new-guide-work-info .form-item .item-content .line-icon {
	position: absolute;
	left: 203px;
	line-height: 24px;
	color: #d1d4db
}

.new-guide-work-info .form-item .item-content .datepicker-wrap:first-child
	{
	margin-right: 15px
}

.new-guide-work-info .form-item .item-content .datepicker-wrap .input-wrap
	{
	width: 192px !important;
	min-width: auto;
	margin-right: 20px
}

.new-guide-work-info .form-item .item-content .datepicker-wrap .input-wrap input
	{
	width: 192px;
	min-width: auto;
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/date-pickerX2.87b45287.png);
	background-size: 18px 18px;
	background-repeat: no-repeat;
	background-position: 165px
}

.new-guide-work-info .form-item .item-content .skill-tags .skill-tag {
	display: inline-block;
	background-color: #eff0f5;
	color: #484b5b;
	font-size: 12px;
	cursor: pointer;
	border-radius: 10px;
	margin-right: 10px;
	padding: 0 12px;
	line-height: 20px
}

.new-guide-work-info .form-item .item-content .skill-tags .selectedSkill
	{
	background-color: #9fa3b0;
	color: #414a60
}

.new-guide-work-info .form-item .item-content .skill-tag-selecter .ui-select .ui-select-item span
	{
	padding: 0;
	text-align: center
}

.new-guide-work-info .form-item .item-content .input[readonly] {
	background: none;
	cursor: pointer
}

.new-guide-work-info .form-item .item-content .input[readonly]:hover {
	border-color: #2cd7c8
}

.new-guide-job-info .form-item .item-content .input-wrap {
	width: 420px !important
}

.new-guide-job-info .form-item .item-content .scope-selecter {
	width: 420px
}

.new-guide-job-info .form-item .item-content .ui-cascader,
	.new-guide-job-info .form-item .item-content .ui-cascader-selection {
	width: 100%
}

.new-guide-job-info .form-item .item-content .scope-selecter .scope-select .ui-select-selection .ui-select-inner span.ui-select-placeholder
	{
	margin-left: 0
}

.new-guide-job-info .form-item .item-content .input[readonly] {
	cursor: pointer;
	background: #fff
}

.new-guide-job-info .form-item .item-content .input[readonly]:hover {
	border-color: #2cd7c8
}

.new-guide-page u {
	text-decoration: none;
	color: #16c3b1
}

.new-guide-page .text-blue {
	color: #00c2b3
}

.new-guide-page header {
	height: 80px;
	padding: 20px 40px 0;
	border-bottom: 1px solid #e3e7ed;
	background-color: #f8fcff;
	border-radius: 10px 10px 0 0
}

.new-guide-page header img {
	width: 40px;
	height: 40px
}

.new-guide-page header .content {
	margin-left: 20px
}

.new-guide-page header .content h4 {
	line-height: 22px;
	color: #414a60;
	font-size: 16px;
	font-weight: 600
}

.new-guide-page header .content .describe {
	height: 26px;
	margin-top: 2px;
	line-height: 26px;
	color: #8d92a1;
	font-size: 14px;
	font-weight: 400
}

.new-guide-page header .skip {
	float: right;
	margin: 8px -40px 0 0;
	padding: 0 5px 0 21px;
	line-height: 23px;
	background: #fff0df
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons.69b3aa96.png)
		no-repeat 5px -1091px;
	background-size: 18px auto;
	color: #eb9a3d;
	font-size: 12px;
	border-radius: 12px 0 0 12px
}

.new-guide-page .page-content {
	position: relative;
	padding: 60px 60px 44px;
	background-color: #fff;
	min-height: 500px;
	border-radius: 10px
}

.new-guide-page .page-content .title {
	position: relative
}

.new-guide-page .page-content .title h3 {
	font-weight: 500;
	color: #414a60;
	line-height: 34px;
	font-size: 24px;
	margin-bottom: 10px
}

.new-guide-page .page-content .title p {
	font-size: 14px;
	color: #9fa3b0;
	line-height: 20px;
	margin-bottom: 34px
}

.new-guide-page .page-content .title .skip-btn {
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	width: 80px;
	height: 34px;
	line-height: 34px;
	cursor: pointer;
	color: #fff;
	background: #70dacf;
	border-radius: 18px;
	border: 1px solid rgba(89, 202, 190, .6)
}

.new-guide-page .page-content footer {
	position: absolute;
	bottom: 30px;
	right: 40px;
	text-align: right
}

.new-guide-page .page-content footer button:first-child {
	margin-right: 20px
}

.new-guide-page .form-item {
	margin-bottom: 22px
}

.new-guide-page .form-item .item-label {
	color: #8d92a1;
	font-size: 13px;
	padding-right: 19px;
	text-align: right
}

.new-guide-page .form-item .item-content {
	position: relative
}

.new-guide-page .form-item .item-content .input-wrap, .new-guide-page .form-item .item-content .serial-selecter .serial-toolbar,
	.new-guide-page .form-item .item-content .ui-select, .new-guide-page .form-item .item-content .ui-suggest
	{
	width: 100%
}

.new-guide-page .form-item .item-content .custom-label {
	position: absolute;
	display: inline-block;
	left: -80px;
	color: #8d92a1;
	font-size: 13px;
	width: 80px;
	padding-right: 19px;
	text-align: right
}

.new-guide-page .form-item .item-content .scope-selecter .scope-select .ui-select-selection .ui-select-inner
	{
	padding: 6px 8px 5px
}

.new-guide-page .form-item .item-content .input-wrap-textarea {
	min-width: 100%
}

.new-guide-page .form-item .item-content .input-wrap-textarea .input {
	height: 114px;
	color: #414a60;
	padding: 6px 14px
}

.new-guide-page .form-item .item-content .example-container {
	width: 314px;
	position: absolute;
	right: -334px;
	top: 0
}

.new-guide-page .form-item .item-content .example-container .change-btn
	{
	position: absolute;
	right: -16px;
	top: 0;
	padding-left: 20px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/change-iconX2.4b952c08.png)
		no-repeat 0;
	background-size: 16px 16px;
	width: 80px;
	height: 18px;
	cursor: pointer;
	font-size: 12px;
	color: #9fa3b0;
	line-height: 18px
}

.new-guide-page .form-item .item-content .example-container h3 {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: #9fa3b0;
	margin-bottom: 6px
}

.new-guide-page .form-item .item-content .example-container p {
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	color: #9fa3b0
}

.new-guide-page .form-item.have-desc .item-label {
	position: relative
}

.new-guide-page .form-item.have-desc .item-label:after {
	content: "";
	position: absolute;
	font-size: 12px;
	color: #61687c;
	white-space: nowrap;
	margin-left: 8px
}

.new-guide-page .form-item.have-desc.guide-desc .item-label:after {
	content: ""
}

.new-guide-page .form-item.have-desc.select-desc .item-label:after {
	content: "(选填)"
}

.new-guide {
	position: relative;
	background: #5dd5c8
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/newbg.3ae1e584.png)
		bottom no-repeat;
	min-height: 100vh;
	min-width: 1000px;
	padding-bottom: 120px
}

.new-guide .form-item.form-item-error .select-selection input {
	border-color: none;
	box-shadow: none
}

.new-guide .form-item.form-item-error .input-wrap-textarea input,
	.new-guide .form-item.form-item-error .input-wrap-textarea textarea,
	.new-guide .form-item.form-item-error .input-wrap-text input,
	.new-guide .form-item.form-item-error .input-wrap-text textarea,
	.new-guide .form-item.form-item-error .ui-select-selection {
	border-color: #2cd7c8;
	box-shadow: 0 1px 2px #96ebe4
}

.new-guide header.oper {
	width: 930px;
	height: 146px;
	margin: 0 auto
}

.new-guide header.oper .login-container {
	width: 144px;
	float: left;
	padding-top: 60px
}

.new-guide header.oper .login-container img {
	margin-right: 12px
}

.new-guide header.oper .login-container .text {
	padding-top: 4px;
	display: inline-block;
	width: 76px;
	height: 42px;
	font-size: 14px;
	color: #fff;
	line-height: 22px
}

.new-guide header.oper .operation-container {
	padding-top: 72px
}

.new-guide header.oper .operation-container a {
	color: #fff;
	margin-top: 10px
}

.new-guide header.oper .operation-container a:last-child {
	height: 32px;
	margin: 3px 20px 0 0;
	padding: 0 20px;
	border: 1px solid #fff;
	line-height: 32px;
	color: #fff
}

.new-guide header.oper .operation-container a:hover {
	color: #cefffe
}

.new-guide .container {
	width: 930px;
	margin: 0 auto
}

.new-guide.required .form-item.form-item-required .item-label:before {
	content: "*";
	display: inline-block;
	margin-right: 4px;
	font-size: 12px
}

.new-guide-small-base-info .form-item {
	margin-bottom: 22px
}

.new-guide-small-base-info .form-item .item-content .name input {
	width: 470px
}

.new-guide-small-base-info .form-item .item-content .datepicker-wrap .input-wrap
	{
	min-width: 600px
}

.new-guide-small-base-info .form-item .item-content .datepicker-wrap .input-wrap input
	{
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/date-pickerX2.87b45287.png);
	background-size: 18px 18px;
	background-repeat: no-repeat;
	background-position: 570px
}

.new-guide-small-base-info .form-item .item-content .radio-group-rectangle .radio-item
	{
	min-width: 225px;
	color: #414a60;
	line-height: 32px
}

.new-guide-small-base-info .form-item .item-content .intention-type .radio-item,
	.new-guide-small-base-info .form-item .item-content .job-status .radio-item
	{
	min-width: 290px
}

.new-guide-small-base-info .form-item .item-content .job-status.radio-group-rectangle .radio-item:nth-child(2n)
	{
	margin-right: 0
}

.new-guide-small-base-info .form-item input::-webkit-input-placeholder {
	font-size: 13px;
	color: #d1d4db
}

.new-guide-small-base-info .form-item .job-status-common {
	margin-top: 20px
}

.new-guide-small-base-info .form-item .radio-desc {
	font-size: 12px;
	color: #8d92a1;
	margin-left: 10px
}

.new-guide-small-base-info .form-item-intention-type,
	.new-guide-small-base-info .form-item-job-status {
	margin-right: 0
}

.new-guide-small-base-info .form-item-job-status {
	margin-bottom: 40px
}

.new-guide-small-base-info .base-info-photo {
	width: 80px;
	height: 82px;
	position: absolute;
	right: 142px;
	top: 144px
}

.new-guide-small-base-info .base-info-photo .form-error-tip {
	display: none
}

.new-guide-small-base-info .base-info-photo .name-photo {
	position: relative;
	height: 90px;
	width: 90px;
	cursor: pointer
}

.new-guide-small-base-info .base-info-photo .name-photo:hover .set-photo
	{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/avatar-hover.8944c734.png)
		50% no-repeat;
	background-size: cover
}

.new-guide-small-base-info .base-info-photo .name-photo:hover .set-photo .text
	{
	display: none
}

.new-guide-small-base-info .base-info-photo .name-photo img {
	width: 90px;
	height: 90px;
	border-radius: 50%
}

.new-guide-small-base-info .base-info-photo .name-photo .set-photo {
	position: absolute;
	top: 0;
	left: 0;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	border: 1px solid rgba(89, 202, 190, .6);
	color: rgba(89, 202, 190, .6);
	text-align: center
}

.new-guide-small-base-info .base-info-photo .name-photo .set-photo .text
	{
	line-height: 20px;
	font-size: 14px;
	display: inline-block;
	width: 30px;
	margin-top: 20px
}

.new-guide-small-base-info .base-info-photo .name-photo .photo-default-container
	{
	display: inline-block
}

.new-guide-small-base-info .base-info-photo .name-photo .select-photo-warn
	{
	position: absolute;
	width: 80px;
	height: 20px;
	left: 0;
	bottom: -22px;
	line-height: 20px;
	color: #fc6c38;
	font-size: 12px;
	text-align: center
}

.new-guide-small-education-info .serial-selecter,
	.new-guide-small-education-info .ui-select {
	width: 600px !important
}

.new-guide-small-education-info .scope-selecter {
	width: 600px
}

.new-guide-small-education-info .radio-group-rectangle .radio-item {
	width: 288px;
	line-height: 32px
}

.new-guide-small-education-info .scope-selecter .scope-select .ui-select-selection .ui-select-inner span.ui-select-placeholder
	{
	color: #d1d4db !important
}

.new-guide-small-work-info .form-item {
	margin-right: 0;
	margin-bottom: 22px
}

.new-guide-small-work-info .form-item .item-content {
	position: relative
}

.new-guide-small-work-info .form-item .item-content .input-wrap {
	width: 430px !important
}

.new-guide-small-work-info .form-item .item-content .ui-select {
	width: 430px !important;
	margin-right: 16px
}

.new-guide-small-work-info .form-item .item-content .line-icon {
	position: absolute;
	left: 294px;
	line-height: 24px;
	color: #d1d4db
}

.new-guide-small-work-info .form-item .item-content .datepicker-wrap:first-child
	{
	margin-right: 40px
}

.new-guide-small-work-info .form-item .item-content .datepicker-wrap .input-wrap
	{
	width: 280px !important;
	min-width: auto
}

.new-guide-small-work-info .form-item .item-content .datepicker-wrap .input-wrap input
	{
	width: 280px;
	min-width: auto;
	background-image:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/date-pickerX2.87b45287.png);
	background-size: 18px 18px;
	background-repeat: no-repeat;
	background-position: 254px
}

.new-guide-small-work-info .form-item .item-content .skill-tags .skill-tag
	{
	display: inline-block;
	background-color: #eff0f5;
	color: #484b5b;
	font-size: 12px;
	cursor: pointer;
	border-radius: 10px;
	margin-right: 10px;
	padding: 0 12px;
	line-height: 20px
}

.new-guide-small-work-info .form-item .item-content .skill-tags .selectedSkill
	{
	background-color: #9fa3b0;
	color: #414a60
}

.new-guide-small-work-info .form-item .item-content .skill-tag-selecter .ui-select .ui-select-item span
	{
	padding: 0;
	text-align: center
}

.new-guide-small-work-info .form-item .item-content .input[readonly] {
	background: none;
	cursor: pointer
}

.new-guide-small-work-info .form-item .item-content .input[readonly]:hover
	{
	border-color: #2cd7c8
}

.new-guide-small-work-info .work-position .item-content .input-wrap,
	.new-guide-small-work-info .work-skills .item-content .ui-select {
	width: 600px !important
}

.new-guide-small-job-info .form-item {
	margin-bottom: 22px
}

.new-guide-small-job-info .form-item .item-content .input-wrap {
	width: 600px !important
}

.new-guide-small-job-info .form-item .item-content .scope-selecter {
	width: 600px
}

.new-guide-small-job-info .form-item .item-content .ui-cascader,
	.new-guide-small-job-info .form-item .item-content .ui-cascader-selection
	{
	width: 100%
}

.new-guide-small-job-info .form-item .item-content .scope-selecter .scope-select .ui-select-selection .ui-select-inner span.ui-select-placeholder
	{
	margin-left: 0
}

.new-guide-small-job-info .form-item .item-content .input[readonly] {
	cursor: pointer;
	background: #fff
}

.new-guide-small-job-info .form-item .item-content .input[readonly]:hover
	{
	border-color: #2cd7c8
}

.new-guide-small-page u {
	text-decoration: none;
	color: #16c3b1
}

.new-guide-small-page .text-blue {
	color: #00c2b3
}

.new-guide-small-page header {
	height: 80px;
	padding: 20px 40px 0;
	border-bottom: 1px solid #e3e7ed;
	background-color: #f8fcff;
	border-radius: 10px 10px 0 0
}

.new-guide-small-page header img {
	width: 40px;
	height: 40px
}

.new-guide-small-page header .content {
	margin-left: 20px
}

.new-guide-small-page header .content h4 {
	line-height: 22px;
	color: #414a60;
	font-size: 16px;
	font-weight: 600
}

.new-guide-small-page header .content .describe {
	height: 26px;
	margin-top: 2px;
	line-height: 26px;
	color: #8d92a1;
	font-size: 14px;
	font-weight: 400
}

.new-guide-small-page header .skip {
	float: right;
	margin: 8px -40px 0 0;
	padding: 0 5px 0 21px;
	line-height: 23px;
	background: #fff0df
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icons.69b3aa96.png)
		no-repeat 5px -1091px;
	background-size: 18px auto;
	color: #eb9a3d;
	font-size: 12px;
	border-radius: 12px 0 0 12px
}

.new-guide-small-page .page-content {
	position: relative;
	padding: 45px 60px 72px;
	background-color: #fff;
	min-height: 500px;
	border-radius: 10px
}

.new-guide-small-page .page-content .title {
	position: relative
}

.new-guide-small-page .page-content .title h3 {
	font-weight: 500;
	color: #414a60;
	line-height: 34px;
	font-size: 24px;
	margin-bottom: 10px
}

.new-guide-small-page .page-content .title p {
	font-size: 14px;
	color: #9fa3b0;
	line-height: 20px;
	margin-bottom: 34px
}

.new-guide-small-page .page-content .title .skip-btn {
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	width: 80px;
	height: 34px;
	line-height: 34px;
	cursor: pointer;
	color: #fff;
	background: #70dacf;
	border-radius: 18px;
	border: 1px solid rgba(89, 202, 190, .6)
}

.new-guide-small-page .page-content footer {
	position: absolute;
	bottom: 40px;
	right: 60px;
	text-align: right
}

.new-guide-small-page .page-content footer button:first-child {
	margin-right: 20px
}

.new-guide-small-page .page-content footer button {
	padding: 9px 33px
}

.new-guide-small-page .form-item .item-label {
	color: #8d92a1;
	font-size: 13px;
	padding-right: 19px;
	text-align: right
}

.new-guide-small-page .form-item .item-content {
	position: relative
}

.new-guide-small-page .form-item .item-content .input-wrap,
	.new-guide-small-page .form-item .item-content .serial-selecter .serial-toolbar,
	.new-guide-small-page .form-item .item-content .ui-select,
	.new-guide-small-page .form-item .item-content .ui-suggest {
	width: 100%
}

.new-guide-small-page .form-item .item-content .serial-toolbar {
	height: 34px
}

.new-guide-small-page .form-item .item-content .serial-toolbar .serial-btn
	{
	height: 34px;
	line-height: 34px
}

.new-guide-small-page .form-item .item-content .custom-label {
	position: absolute;
	display: inline-block;
	left: -80px;
	color: #8d92a1;
	font-size: 13px;
	width: 80px;
	padding-right: 19px;
	text-align: right
}

.new-guide-small-page .form-item .item-content .scope-selecter .scope-select .ui-select-selection .ui-select-inner
	{
	padding: 6px 8px 5px
}

.new-guide-small-page .form-item .item-content .input-wrap-textarea {
	min-width: 600px
}

.new-guide-small-page .form-item .item-content .input-wrap-textarea .input
	{
	height: 88px;
	color: #414a60;
	padding: 6px 14px
}

.new-guide-small-page .form-item .item-content .example-container {
	margin-top: 13px;
	position: relative
}

.new-guide-small-page .form-item .item-content .example-container .change-btn
	{
	position: absolute;
	right: -25px;
	top: 3px;
	padding-left: 20px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/change-iconX2.4b952c08.png)
		no-repeat 0;
	background-size: 16px 16px;
	width: 80px;
	height: 18px;
	cursor: pointer;
	font-size: 12px;
	color: #9fa3b0;
	line-height: 18px
}

.new-guide-small-page .form-item .item-content .example-container .show-all
	{
	position: absolute;
	right: -15px;
	top: 52px;
	background: none;
	width: 80px;
	height: 18px;
	cursor: pointer;
	font-size: 12px;
	color: #9fa3b0;
	line-height: 18px
}

.new-guide-small-page .form-item .item-content .example-container .show-all .ui-icon-arrow-down
	{
	color: #00c2b3
}

.new-guide-small-page .form-item .item-content .example-container h3 {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: #9fa3b0;
	margin-bottom: 6px
}

.new-guide-small-page .form-item .item-content .example-container p {
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	color: #9fa3b0
}

.new-guide-small-page .form-item .item-content .hide-example-container {
	height: 75px;
	overflow: hidden
}

.new-guide-small-page .form-item.have-desc .item-label {
	position: relative
}

.new-guide-small-page .form-item.have-desc .item-label:after {
	content: "";
	position: absolute;
	font-size: 12px;
	color: #61687c;
	white-space: nowrap;
	margin-left: 8px
}

.new-guide-small-page .form-item.have-desc.guide-desc .item-label:after
	{
	content: ""
}

.new-guide-small-page .form-item.have-desc.select-desc .item-label:after
	{
	content: "(选填)"
}

.new-guide-small {
	position: relative;
	background: #5dd5c8
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/newbg.3ae1e584.png)
		bottom no-repeat;
	min-height: 100vh;
	min-width: 1000px;
	padding-bottom: 30px
}

.new-guide-small .form-item.form-item-error .select-selection input {
	border-color: none;
	box-shadow: none
}

.new-guide-small .form-item.form-item-error .input-wrap-textarea input,
	.new-guide-small .form-item.form-item-error .input-wrap-textarea textarea,
	.new-guide-small .form-item.form-item-error .input-wrap-text input,
	.new-guide-small .form-item.form-item-error .input-wrap-text textarea,
	.new-guide-small .form-item.form-item-error .ui-select-selection {
	border-color: #2cd7c8;
	box-shadow: 0 1px 2px #96ebe4
}

.new-guide-small header.oper {
	width: 800px;
	height: 96px;
	margin: 0 auto
}

.new-guide-small header.oper .login-container {
	width: 144px;
	float: left;
	padding-top: 30px
}

.new-guide-small header.oper .login-container img {
	margin-right: 12px
}

.new-guide-small header.oper .login-container .text {
	padding-top: 4px;
	display: inline-block;
	width: 76px;
	height: 42px;
	font-size: 14px;
	color: #fff;
	line-height: 22px
}

.new-guide-small header.oper .operation-container {
	padding-top: 42px
}

.new-guide-small header.oper .operation-container a {
	color: #fff;
	margin-top: 10px
}

.new-guide-small header.oper .operation-container a:last-child {
	height: 32px;
	margin: 3px 20px 0 0;
	padding: 0 20px;
	border: 1px solid #fff;
	line-height: 32px;
	color: #fff
}

.new-guide-small header.oper .operation-container a:hover {
	color: #cefffe
}

.new-guide-small .container {
	width: 800px;
	margin: 0 auto
}

.new-guide-small.required .form-item.form-item-required .item-label:before
	{
	content: "*";
	display: inline-block;
	margin-right: 4px;
	font-size: 12px
}

.guide-create-resume-dialog .dialog-container {
	padding: 50px 73px
}

.guide-create-resume-dialog .dialog-container .dialog-header h3.title {
	margin-bottom: 21px;
	font-size: 24px;
	text-align: center;
	font-weight: 400
}

.guide-create-resume-dialog .dialog-container .dialog-body {
	width: 354px
}

.guide-create-resume-dialog .dialog-container .dialog-footer {
	text-align: center;
	padding-right: 0;
	margin-top: 37px
}

.guide-create-resume-dialog .dialog-container .dialog-footer .btns {
	text-align: center
}

.guide-create-resume-dialog .dialog-container .dialog-footer .btns .btn:last-child
	{
	margin-left: 45px
}

.guide-change-boss-dialog .dialog-container {
	width: 460px
}

.guide-change-boss-dialog .dialog-container .dialog-body {
	margin-top: 10px
}

.vip-buy-dialog .dialog-container {
	padding: 0
}

.vip-buy-dialog .dialog-body {
	min-height: 524px;
	max-height: none
}

.template-preview-dialog {
	z-index: 1011
}

.template-preview-dialog .dialog-container {
	padding: 0;
	background-color: transparent
}

.template-preview-dialog .dialog-body {
	min-height: 626px
}

.template-preview-dialog .image-container {
	position: relative;
	border-radius: 2px;
	border: 1px solid #e7b597;
	overflow: hidden
}

.template-preview-dialog .image-container img {
	display: block;
	width: 468px;
	height: 624px;
	border-radius: 2px
}

.template-preview-dialog .image-container .tag {
	position: absolute;
	top: 0;
	left: 0;
	width: 77px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	color: #573e30;
	text-shadow: 0 0 20px rgba(0, 0, 0, .1);
	background: linear-gradient(225deg, #fbd8b8, #e1a575);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
	border-radius: 0 2px 10px 0;
	z-index: 3
}

.buy-vip-container {
	display: flex
}

.buy-vip-container .clear-fix {
	*zoom: 1
}

.buy-vip-container .clear-fix:after, .buy-vip-container .clear-fix:before
	{
	content: " ";
	height: 0;
	display: block;
	clear: both
}

.buy-vip-container .vip-template {
	display: flex;
	flex-direction: column;
	width: 540px;
	min-height: 524px;
	background: #fff;
	padding: 20px 30px
}

.buy-vip-container .vip-template h2 {
	height: 22px;
	font-size: 16px;
	font-weight: 400;
	color: #414a60;
	line-height: 22px;
	margin-bottom: 14px
}

.buy-vip-container .vip-template-preview {
	width: 480px;
	flex: 1;
	background: #fff;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
	border-radius: 6px
}

.buy-vip-container .vip-template-preview .header {
	width: 100%;
	height: 60px;
	background: linear-gradient(45deg, #1a1a1a, #2d2d2d 61%, #424242);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1), 0 5px 15px 0
		rgba(0, 0, 0, .07);
	border-radius: 6px 6px 0 0;
	padding: 9px 30px
}

.buy-vip-container .vip-template-preview .header h3 {
	color: #dfa178;
	font-size: 16px;
	font-weight: 600;
	height: 22px;
	line-height: 22px;
	text-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.buy-vip-container .vip-template-preview .header span {
	color: #dfa178;
	display: block;
	height: 17px;
	margin-top: 3px;
	font-size: 12px;
	font-weight: 400;
	line-height: 17px;
	text-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.buy-vip-container .vip-template-preview .template-list {
	text-align: center;
	padding: 20px 0 30px
}

.buy-vip-container .vip-template-preview .template-list li {
	position: relative;
	display: inline-block;
	width: 133px;
	height: 177px;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
	border-radius: 2px;
	border: 1px solid #e7b597;
	cursor: pointer;
	overflow: hidden
}

.buy-vip-container .vip-template-preview .template-list li+li {
	margin-left: 20px
}

.buy-vip-container .vip-template-preview .template-list li:hover .preview-btn
	{
	display: block
}

.buy-vip-container .vip-template-preview .template-list li:hover:after {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 2px;
	opacity: .3;
	background-color: #000;
	z-index: 1
}

.buy-vip-container .vip-template-preview .template-list li img {
	width: 100%;
	border-radius: 2px
}

.buy-vip-container .vip-template-preview .template-list li .tag {
	position: absolute;
	top: 0;
	left: 0;
	width: 77px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	color: #573e30;
	text-shadow: 0 0 20px rgba(0, 0, 0, .1);
	background: linear-gradient(225deg, #fbd8b8, #e1a575);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
	border-radius: 0 2px 10px 0;
	z-index: 3
}

.buy-vip-container .vip-template-preview .template-list li .preview-btn
	{
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 24px;
	line-height: 24px;
	background: #00c2b3;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
	border-radius: 13px;
	margin-top: -12px;
	margin-left: -30px;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	z-index: 2
}

.buy-vip-container .vip-template-preview .discount-container h3 {
	font-size: 12px;
	color: #aaa;
	font-weight: 400;
	line-height: 16px;
	height: 16px;
	text-align: center;
	text-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.buy-vip-container .vip-template-preview .discount-container .discount-list
	{
	overflow: hidden;
	padding: 8px 12px
}

.buy-vip-container .vip-template-preview .discount-container .discount-list li
	{
	width: 25%;
	color: #333;
	float: left;
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 8px;
	margin-top: 8px
}

.buy-vip-container .vip-template-preview .discount-container .discount-list li span
	{
	display: inline-block;
	max-width: 72px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 20px;
	height: 20px;
	font-size: 12px;
	vertical-align: middle
}

.buy-vip-container .vip-template-preview .discount-container .discount-list li .discount-icon
	{
	display: inline-block;
	font-weight: 400;
	font-style: normal;
	width: 20px;
	height: 20px;
	line-height: 20px;
	background: linear-gradient(225deg, #fbd8b8, #e1a575);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
	margin-right: 6px;
	vertical-align: middle;
	border-radius: 100%;
	color: #fff;
	text-align: center
}

.buy-vip-container .vip-template-buy {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	width: 366px;
	min-height: 524px;
	padding: 20px 40px;
	background: #fafafa;
	text-align: center
}

.buy-vip-container .vip-template-buy .order-loading {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%
}

.buy-vip-container .vip-template-buy .buy-info {
	position: relative;
	background-color: #fff;
	padding: 24px 30px;
	margin-top: 36px
}

.buy-vip-container .vip-template-buy .buy-info:after, .buy-vip-container .vip-template-buy .buy-info:before
	{
	content: " ";
	position: absolute;
	top: 52px;
	background-color: #fafafa;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	z-index: 2
}

.buy-vip-container .vip-template-buy .buy-info:before {
	left: -10px
}

.buy-vip-container .vip-template-buy .buy-info:after {
	right: -10px
}

.buy-vip-container .vip-template-buy .need-pay {
	overflow: hidden;
	border-bottom: 1px dashed rgba(0, 0, 0, .2);
	padding-bottom: 15px
}

.buy-vip-container .vip-template-buy .need-pay span {
	float: left;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #61687c;
	font-weight: 500
}

.buy-vip-container .vip-template-buy .need-pay .need-price {
	color: #fc6c38;
	font-size: 20px;
	font-weight: 400;
	height: 24px;
	line-height: 24px;
	float: right
}

.buy-vip-container .vip-template-buy .origin-price {
	margin: 10px 0;
	overflow: hidden
}

.buy-vip-container .vip-template-buy .origin-price span {
	float: left;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #61687c;
	font-weight: 400
}

.buy-vip-container .vip-template-buy .origin-price .origin-price {
	color: #51586d;
	font-size: 14px;
	font-weight: 400;
	height: 16px;
	line-height: 16px;
	float: right;
	margin: 0
}

.buy-vip-container .vip-template-buy .sale-money {
	overflow: hidden;
	color: #9fa3b0;
	margin: 10px 0 6px
}

.buy-vip-container .vip-template-buy .sale-money span {
	font-size: 14px;
	height: 17px;
	line-height: 17px;
	float: left;
	font-weight: 400
}

.buy-vip-container .vip-template-buy .sale-money .sale-price {
	font-size: 12px;
	float: right;
	height: 17px;
	line-height: 17px
}

.buy-vip-container .vip-template-buy .discount-info {
	display: block;
	min-height: auto
}

.buy-vip-container .vip-template-buy .discount-info .discount-info-item
	{
	width: 100%;
	height: 17px;
	line-height: 17px;
	color: #9fa3b0;
	font-size: 12px;
	overflow: hidden
}

.buy-vip-container .vip-template-buy .discount-info .discount-info-item+.discount-info-item
	{
	margin-top: 10px
}

.buy-vip-container .vip-template-buy .discount-info .discount-info-item .desc
	{
	float: left;
	max-width: 180px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.buy-vip-container .vip-template-buy .discount-info .discount-info-item .price
	{
	float: right;
	max-width: 46px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.buy-vip-container .vip-template-buy .qrcode-container {
	background-color: #fff;
	text-align: center;
	padding: 9px;
	display: inline-block;
	margin-top: 35px
}

.buy-vip-container .vip-template-buy .qrcode-container img {
	width: 114px
}

.buy-vip-container .vip-template-buy .qrcode-container span {
	display: block;
	font-size: 12px;
	color: #999;
	line-height: 16px;
	text-align: center;
	margin: 0 auto
}

.buy-vip-container .vip-template-buy .buy-vip .text-protocol {
	text-align: center;
	font-size: 12px
}

.buy-vip-container .vip-template-buy .buy-vip .text-protocol a {
	color: #00c2b3;
	text-decoration: underline
}

.buy-vip-container .vip-template-buy .buy-vip .text-protocol a:hover {
	color: #6adbcf
}

.buy-vip-container .vip-template-buy .buy-vip .btns {
	padding: 25px 0 20px
}

.buy-vip-container .vip-template-buy .buy-vip .btns .btn-block {
	width: 100%;
	height: 40px;
	font-size: 16px
}

.buy-vip-container .vip-template-buy .buy-vip .title-way {
	padding: 15px 0;
	line-height: 20px;
	color: #61687c;
	font-size: 14px;
	text-align: left
}

.buy-vip-container .vip-template-buy .buy-vip .pay-way {
	padding-bottom: 15px
}

.buy-vip-container .vip-template-buy .buy-vip .qrcode-way {
	text-align: center
}

.buy-vip-container .vip-template-buy .buy-vip .qrcode-way .qrcode-image
	{
	width: 100px;
	height: 100px;
	position: relative;
	overflow: hidden;
	margin: 0 auto 12px
}

.buy-vip-container .vip-template-buy .buy-vip .qrcode-way .qrcode-image img
	{
	vertical-align: top;
	width: 100%;
	height: 100%
}

.buy-vip-container .vip-template-buy .buy-vip .qrcode-way .qrcode-image .icon-css-loading
	{
	display: block;
	width: 100%;
	height: 100%;
	background-color: #f9fafb
}

.buy-vip-container .vip-template-buy .buy-vip .btns-way {
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 20px
}

.buy-vip-container .vip-template-buy .buy-vip .btns-way span {
	width: 133px;
	margin-left: 10px;
	margin-right: 10px;
	display: block;
	float: left;
	text-align: center;
	height: 36px;
	line-height: 34px;
	border: 1px solid #d1d4db;
	cursor: pointer;
	transition: all .1s linear;
	position: relative;
	user-select: none
}

.buy-vip-container .vip-template-buy .buy-vip .btns-way span.btn-weixin.selected,
	.buy-vip-container .vip-template-buy .buy-vip .btns-way span.btn-weixin:hover
	{
	background-color: #01c000;
	border-color: #01c000;
	color: #fff
}

.buy-vip-container .vip-template-buy .buy-vip .btns-way span.btn-weixin.selected .icon-pay-weixin,
	.buy-vip-container .vip-template-buy .buy-vip .btns-way span.btn-weixin:hover .icon-pay-weixin
	{
	background-position: -30px 2px
}

.buy-vip-container .vip-template-buy .buy-vip .btns-way span.btn-alipay.selected,
	.buy-vip-container .vip-template-buy .buy-vip .btns-way span.btn-alipay:hover
	{
	background-color: #1c77fa;
	border-color: #1c77fa;
	color: #fff
}

.buy-vip-container .vip-template-buy .buy-vip .btns-way span.btn-alipay.selected .icon-pay-alipay,
	.buy-vip-container .vip-template-buy .buy-vip .btns-way span.btn-alipay:hover .icon-pay-alipay
	{
	background-position: -30px -30px
}

.buy-vip-container .vip-template-buy .buy-vip .btns-way span.btn-weixin.selected:before
	{
	content: " ";
	width: 16px;
	height: 16px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-checked-wxpay.a4dec3e3.png)
		no-repeat top;
	background-image: image-set(url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-checked-wxpay.a4dec3e3.png)
		1x,
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-checked-wxpay@2x.78f00d8c.png)
		2x);
	position: absolute;
	right: 0;
	bottom: 0
}

.buy-vip-container .vip-template-buy .buy-vip .btns-way span.btn-alipay.selected:before
	{
	content: " ";
	width: 16px;
	height: 16px;
	background:
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-checked-alpay.28d17fbc.png)
		no-repeat top;
	background-image: image-set(url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-checked-alpay.28d17fbc.png)
		1x,
		url(https://static.zhipin.com/zhipin-geek/chat/v15/static/images/icon-checked-alpay@2x.fe39e57a.png)
		2x);
	position: absolute;
	right: 0;
	bottom: 0
}

.buy-vip-container .vip-template-buy .buy-vip .pay-result {
	margin-top: 20px
}

.buy-vip-container .vip-template-buy .buy-vip .pay-result .link-check {
	display: inline-block;
	margin-left: 15px;
	color: #00c2b3
}

.buy-vip-container .vip-template-buy .buy-vip .pay-result .link-check:hover
	{
	color: #6adbcf
}

.buy-vip-container .vip-template-buy .buy-vip .pay-result .ui-icon-loading
	{
	font-size: 16px;
	margin: -2px 5px 0 0;
	vertical-align: middle
}

.iframe-box-wrap[data-v-564868a2] {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9999
}

.iframe-box-wrap .iframe-box-content[data-v-564868a2] {
	position: absolute;
	width: 380px;
	height: 100%;
	bottom: 0;
	right: 0;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	box-shadow: -2px 0 4px 0 rgba(193, 196, 203, .38);
	z-index: 2
}

.iframe-box-wrap .iframe-box-content .iframe-title-inline[data-v-564868a2]
	{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.iframe-box-wrap .iframe-box-content .iframe-title[data-v-564868a2] {
	position: relative;
	width: 100%;
	height: 60px;
	box-sizing: border-box;
	font-size: 18px;
	line-height: 36px;
	padding: 12px 30px;
	color: #fff;
	font-weight: 400;
	background-color: #28c3b1
}

.iframe-box-wrap .iframe-box-content .iframe-title .iframe-close[data-v-564868a2]
	{
	position: absolute;
	right: 10px;
	top: 20px;
	cursor: pointer
}

.iframe-box-wrap .iframe-box-content .iframe-title .iframe-close[data-v-564868a2]:hover
	{
	opacity: .8
}

.iframe-box-wrap .iframe-box-content .iframe-container[data-v-564868a2]
	{
	flex: 1;
	width: 100%;
	overflow: hidden
}

.iframe-box-wrap .iframe-box-content .iframe-container iframe[data-v-564868a2]
	{
	width: 100%;
	height: 100%;
	border: none
}

.iframe-box-wrap .iframe-box-shade[data-v-564868a2] {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1
}

.iframe-slide-enter[data-v-564868a2], .iframe-slide-leave-to[data-v-564868a2]
	{
	transform: translateX(375px);
	opacity: 0
}

.iframe-slide-enter-active[data-v-564868a2], .iframe-slide-leave-active[data-v-564868a2]
	{
	transition: all .3s linear
}